Landing Page Builder

A fast, form-based landing page builder for rapid concept testing.

Tech Stack

• Framework: Next.js 15.5.4 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS v4
• UI Components: shadcn/ui
• Database: Vercel Postgres
• Storage: Vercel Blob
• AI: Anthropic Claude API
• Deployment: Vercel

Getting Started

1. Install dependencies:

   npm install

2. Set up environment variables:

   cp .env.local.example .env.local
   # Edit .env.local with your API keys

3. Run the development server:

   npm run dev

4. Open http://localhost:3000

Project Structure

├── app/
│   ├── admin/           # Admin dashboard routes
│   │   ├── templates/   # Template management
│   │   ├── pages/       # Page management
│   │   └── settings/    # Settings & domain config
│   ├── api/             # API routes
│   └── [slug]/          # Public landing pages
├── components/          # React components
│   ├── ui/             # shadcn/ui components
│   ├── templates/      # Template-related components
│   ├── pages/          # Page editor components
│   └── admin/          # Admin UI components
├── lib/                # Utilities
│   ├── db/             # Database utilities
│   └── blob/           # Blob storage utilities
└── types/              # TypeScript type definitions

Features

• Template Maker: Extract templates from existing landing pages using AI
• Page Maker: Form-based editor with live preview
• Custom Domains: Support for custom domains and subdomains
• Analytics: Basic click tracking

Documentation

See PRD.md for full product requirements and technical specifications.

Development

• npm run dev - Start development server (with Turbopack)
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint