Skip to content

A Next.js-powered DALL-E 3 image generator that unleashes your creativity. Create stunning, AI-generated visuals with customizable options for quality, style, and size. Features a responsive design, local image gallery, and seamless integration with OpenAI's API.

License

Notifications You must be signed in to change notification settings

SujalXplores/dall-e-3-next-js-template

Repository files navigation

🎨 AI Artistry Studio

AI Artistry Studio Logo

Stars Badge Forks Badge Pull Requests Badge Issues Badge GitHub contributors License Badge

Unleash your creativity with AI-powered image generation!


🚀 Features

  • 🖼️ 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

🛠️ Tech Stack

🏁 Getting Started

Prerequisites

  • Node.js (LTS version)
  • Package manager (npm, yarn, pnpm, or bun)
  • OpenAI API key
  • Clerk account and API keys

Quick Start

  1. Clone the repo

    git clone https://github.com/SujalShah3234/dall-e-3-next-js-template.git
    cd dall-e-3-next-js-template
  2. Install dependencies

    npm install
    # or
    yarn install
  3. 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"
  4. Run the development server

    npm run dev
    # or
    yarn dev
  5. Open http://localhost:3000 and start creating!

🖥️ Usage

  1. Sign in using Clerk authentication.
  2. Navigate to the "Create Masterpiece" tab.
  3. Enter your image description in the textarea.
  4. Select quality, style, and size options.
  5. Click "Generate Image" to create your AI-powered artwork.
  6. View and manage your generated images in the "Your Gallery" tab.

🤝 Contributing

We love contributions! Check out our Contribution Guide to get started.

Code of Conduct

Please read our Code of Conduct to keep our community approachable and respectable.

📜 License

This project is open source and available under the MIT License.

🙏 Acknowledgments

  • 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

🌟 Show your support

Give a ⭐️ if this project helped you!


Made with ❤️ by the open-source community

About

A Next.js-powered DALL-E 3 image generator that unleashes your creativity. Create stunning, AI-generated visuals with customizable options for quality, style, and size. Features a responsive design, local image gallery, and seamless integration with OpenAI's API.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks