Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emrocode/piks
🎃 Piks uses Cloudinary's AI image generation to create spooky and atmospheric backgrounds
https://github.com/emrocode/piks
cloudinary-ai halloween
Last synced: 4 days ago
JSON representation
🎃 Piks uses Cloudinary's AI image generation to create spooky and atmospheric backgrounds
- Host: GitHub
- URL: https://github.com/emrocode/piks
- Owner: emrocode
- Created: 2024-10-19T14:11:46.000Z (26 days ago)
- Default Branch: main
- Last Pushed: 2024-10-23T17:26:20.000Z (22 days ago)
- Last Synced: 2024-10-24T00:56:28.006Z (22 days ago)
- Topics: cloudinary-ai, halloween
- Language: TypeScript
- Homepage: https://piks.vercel.app
- Size: 135 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![Preview]
## Piks
🎃 Piks uses Cloudinary's AI image generation to create spooky and atmospheric backgrounds
### Built with:
- [Nextjs]
- [Tailwindcss]
### Installation and setup
1. Clone this repo
```bash
gh repo clone emrocode/piks
```
2. Go to folder and install dependencies
```bash
npm install
```
3. Add .env file
```env
# All enviroment variables you need
# Obtain from https://cloudinary.com
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="YOUR_CLOUD_NAME_HERE"
NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET="YOUR_UPLOAD_PRESET_HERE"
NEXT_PUBLIC_CLOUDINARY_API_KEY="YOUR_API_KEY_HERE"
CLOUDINARY_API_SECRET="YOUR_API_SECRET_HERE"
CLOUDINARY_IMAGES_DIRECTORY="DIRECTORY_OR_FOLDER"
```
4. Run
```bash
npm run dev
```
[Preview]: https://github.com/user-attachments/assets/195ee7c6-09ec-4b5c-964f-62a5947ec377
[Nextjs]: https://nextjs.org
[Tailwindcss]: https://tailwindcss.com/