Generate logos using DALL·E
The DALL·E Logo generator uses DALL·E 3 to generate a logo based on
keywords. Input details are defined in the toolConfig.ts
file, and the image
is automatically stored on Cloudflare R2 and displayed after generation.
DALL·E Logo generator
To run the app, you must have Supabase, OpenAI and Cloudflare R2 set up. If you haven’t done this yet, please start there.
Set up user authentication & PostgreSQL database using Supabase
Set up OpenAI & use it’s various models throughout your app
Set up audio, pdf and image storage using Cloudflare R2
If you don’t want to store images on Cloudflare R2, you can simply delete the
upload section under app/api/(apps)/dalle/route.ts
.
Use DALL·E without storage
That’s all you need to get the app running.
Review lib/types/toolconfig.ts
to understand the various configuration
fields in the demo app.
You can easily build variations by changing the prompt.ts
file and passing different input variables.
Start by creating a new prompt for your app.
Use the existing prompts for guidance. Follow the same principles and structure as in the demo prompts.
Your prompt.ts
file should manage user input like this:
Take note of the ideaDescription
input variable. We’ll use it later.
Update toolConfig.ts
to include:
prompt.ts
should match name
in toolConfig.ts
. See example below.Ensure the type
field in toolConfig.ts
is specified correctly.
InputCapture.tsx
uses this to determine what to include (fields, file
uploads) and which API endpoint to call.
The page.tsx
page in /app
folder of our demo app will get the data from toolConfig.ts
and pass it to the InputCapture
component to automatically build a form based on this.
After the image has been generated, the image will be automatically displayed on screen instead of the initial InfoCard
component.