Unleash your creativity with AI-powered image generation!
- 🖼️ Generate stunning images using DALL-E 3
- ⚡ Built with Next.js for lightning-fast performance
- 🎨 Customizable UI with Tailwind CSS
- 🔒 Secure authentication with Clerk
- 📱 Responsive design for all devices
- 🔄 Animated UI elements with Framer Motion
- Node.js (LTS version)
- Package manager (npm, yarn, pnpm, or bun)
- OpenAI API key
- Clerk account and API keys
-
Clone the repo
git clone https://github.com/SujalShah3234/dall-e-3-next-js-template.git cd dall-e-3-next-js-template
-
Install dependencies
npm install # or yarn install
-
Set up your environment
cp .env.example .env.local
Then edit
.env.local
and add your OpenAI API key and Clerk API keys:OPENAI_API_KEY="sk-your-api-key-here" NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your-clerk-publishable-key" CLERK_SECRET_KEY="your-clerk-secret-key"
-
Run the development server
npm run dev # or yarn dev
-
Open http://localhost:3000 and start creating!
- Sign in using Clerk authentication.
- Navigate to the "Create Masterpiece" tab.
- Enter your image description in the textarea.
- Select quality, style, and size options.
- Click "Generate Image" to create your AI-powered artwork.
- View and manage your generated images in the "Your Gallery" tab.
We love contributions! Check out our Contribution Guide to get started.
Please read our Code of Conduct to keep our community approachable and respectable.
This project is open source and available under the MIT License.
- OpenAI for the incredible DALL-E 3 model
- The Next.js team for their amazing framework
- Clerk for secure authentication
- All our contributors who make this project better every day
Give a ⭐️ if this project helped you!
Made with ❤️ by the open-source community