DALL-E 3 Web UI (Next.js)

Create realistic images and art from a description in natural language.

Requirement

• Get the API token via https://beta.openai.com/account/api-keys. Create .env file from .env.example file and assign API key to OPENAI_API_KEY.

Getting Started

1. Clone/Download this project
2. Install:

npm install
# or
yarn

3. Run the development server:

npm run dev
# or
yarn dev

4. Run production server:

make start-server-local

or with docker compse with

make start-docker-compose-local

Open http://localhost:3000 with your browser to see the result.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Usage

1. Input token start from sk-
2. Query anything, e.g. A sleeping cat and flower vase on the kitchen table in the artist Van Gogh style.:

Developer Notes

• Since V2 is using OpenAI official API.

This project is inspired by the original one with benefits

• OpenAI SDK latest
• NextJS v14.x
• DALL-E 3
• React latest