Web App Generator

Baseline implementation of zero-shot Next.js application generation using an LLM of choice

Prerequisites

• Node.js and npm installed
• Api keys of chosen models exported
• Python 3.12.8+

Setup

pip install -r requirements.txt

Usage

python3 main.py app-name "your app description here"

Here is the command I ran to generate the example application in about-us-claude-3.7.

python3 main.py about-us-claude-3.7 "Design a static 'About Us' page with a header, descriptive text, and a footer with company details."

How It Works

1. Creates a new Next.js app with default settings
2. Generates a prompt with your app description and some of the default files (page.tsx, layout.tsx, globals.css)
3. Sends the prompt to an LLM using a litellm client
4. Parses the LLM response for file paths and content into a dictionary
5. Writes/overwrites the generated files to your app directory

Deploy with: cd app-name && npx vercel