> ## Documentation Index
> Fetch the complete documentation index at: https://docs.prelaunch.online/llms.txt
> Use this file to discover all available pages before exploring further.

# PreLaunch Documentation - Next.js Landing Page Template

> Official documentation for PreLaunch - a premium Next.js landing page template for startup product validation. Features Supabase, authentication, payments, and more.

<img className="block dark:hidden" src="https://mintcdn.com/maplegroup/jgEMOrBdhouQZGGT/images/hero-light.png?fit=max&auto=format&n=jgEMOrBdhouQZGGT&q=85&s=842e2b2c0e87fc003459c8c7b7ecb2af" alt="PreLaunch Light" width="1449" height="822" data-path="images/hero-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/maplegroup/jgEMOrBdhouQZGGT/images/hero-dark.png?fit=max&auto=format&n=jgEMOrBdhouQZGGT&q=85&s=dfc72646069f852cba9bbdb9449dd154" alt="PreLaunch Dark" width="1435" height="821" data-path="images/hero-dark.png" />

## Welcome to PreLaunch

PreLaunch is a high-quality startup landing page template focused on product validation, helping you quickly deploy professional websites, validate product ideas, and collect potential user feedback.

## Key Features

<CardGroup cols={2}>
  <Card title="Responsive Design" icon="mobile" href="/features/responsive">
    Perfect display on all devices
  </Card>

  <Card title="Waitlist Collection" icon="list-check" href="/features/waitlist">
    Collect potential user emails to build a pre-launch user base
  </Card>

  <Card title="User Voting System" icon="thumbs-up" href="/features/voting">
    Let users vote for future features through Typeform integration
  </Card>

  <Card title="User Suggestion Collection" icon="comment-dots" href="/features/suggestions">
    Collect user suggestions and feedback
  </Card>

  <Card title="Roadmap Display" icon="map" href="/features/roadmap">
    Showcase product development plans and future features
  </Card>

  <Card title="Blog System" icon="newspaper" href="/features/blog">
    Content marketing with fully featured blog functionality
  </Card>

  <Card title="Dark/Light Mode" icon="moon" href="/customization/themes">
    Automatic and manual theme switching
  </Card>

  <Card title="SEO Optimization" icon="magnifying-glass" href="/features/seo">
    Built-in SEO best practices to improve search engine visibility
  </Card>

  <Card title="Analytics Tracking" icon="chart-line" href="/features/analytics">
    Integrated Google Analytics to track user behavior and conversions
  </Card>
</CardGroup>

## Technology Stack

PreLaunch is built with a modern technology stack ensuring high performance and excellent developer experience:

* **Frontend Framework**: [Next.js 14](https://nextjs.org/) (App Router)
* **UI Frameworks**:
  * [Tailwind CSS](https://tailwindcss.com/)
  * [DaisyUI](https://daisyui.com/)
  * [Radix UI](https://www.radix-ui.com/)
* **State Management**: React Hooks
* **Form Handling**: [React Hook Form](https://react-hook-form.com/) + [Zod](https://zod.dev/)
* **API Integrations**:
  * [Typeform](https://www.typeform.com/) - User voting and suggestion collection
  * [Resend](https://resend.com/) - Email sending
  * [Paddle](https://paddle.com/) - Payment processing and subscription management
* **Authentication**: [NextAuth.js](https://next-auth.js.org/)
* **Database**: [Supabase](https://supabase.com/) (PostgreSQL)
* **Deployment**: Supports Vercel, Netlify, and other platforms

## Project Structure

```
├── app/                  # Next.js App Router pages
│   ├── api/              # API routes
│   ├── blog/             # Blog system
│   └── ...
├── components/           # React components
│   ├── analytics/        # Analytics-related components
│   ├── landing/          # Landing page components
│   ├── ui/               # UI component library
│   └── ...
├── config.ts             # Main configuration file
├── libs/                 # Utility libraries
│   ├── paddle/           # Paddle integration
│   ├── supabase/         # Supabase integration
│   └── ...
├── public/               # Static assets
│   ├── avatars/          # User avatars
│   ├── blog/             # Blog images
│   └── images/           # Other images and assets 
├── styles/               # Global styles
├── hooks/                # Custom React hooks
└── types/                # TypeScript type definitions
```