https://github.com/nermalcat69/next-gallery-zerops
Next.js Image Gallery on Zerops
https://github.com/nermalcat69/next-gallery-zerops
Last synced: 4 months ago
JSON representation
Next.js Image Gallery on Zerops
- Host: GitHub
- URL: https://github.com/nermalcat69/next-gallery-zerops
- Owner: nermalcat69
- Created: 2024-12-14T13:33:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-14T16:02:39.000Z (over 1 year ago)
- Last Synced: 2025-08-28T08:33:00.149Z (10 months ago)
- Language: TypeScript
- Size: 578 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js & Cloudinary example app
This example shows how to create an image gallery site using Next.js, [Cloudinary](https://cloudinary.com), and [Tailwind](https://tailwindcss.com).
## Usage
1. Get your Environment Variables
2. Import a Zerops project with
```yml
project:
name: Image Gallery
services:
- hostname: app
type: nodejs@20
envSecrets:
CLOUDINARY_API_KEY: get-from-cloudinary
CLOUDINARY_API_SECRET: get-from-cloudinary
CLOUDINARY_FOLDER: get-from-cloudinary # create a folder in cloudinary from media explorer
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME: get-from-cloudinary
```
3. Setup zerops.yml
4. Go to Zerops Dashboard and connect your repository with Github integration and trigger at activation.
## References
- Cloudinary API: https://cloudinary.com/documentation/transformation_reference