This an image gallery / art gallery site using Next.js, Cloudinary, Next-UI, Tailwind and more.
Deploy the app using Vercel or view the demo here.
Before deploying the app, you have to add some environment variables.
| Env | Type | Required ? |
|---|---|---|
| NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME | String | True |
| CLOUDINARY_API_KEY | Int | True |
| CLOUDINARY_API_SECRET | String | True |
| CLOUDINARY_FOLDER | String | True |
| SECRET | String | True |
Or Create a .env file.
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
CLOUDINARY_FOLDER=
SECRET=- SECRET can be random string. Ex: "ilove2eatbanana"
Using Yarn:
yarn installIf you don't have Yarn click here to Install Yarn.
yarn dev- Cloudinary API: https://cloudinary.com/documentation/transformation_reference