y0 Waitlist Builder

Waitlist landing page for y0 - The AI That Actually Works For You. Join the waitlist for early access to the next generation of AI agents.

y0 Platform · Report Bug

---

Overview

y0-waitlist-builder is the official waitlist landing page for the y0 AI platform - an autonomous AI agent that browses, codes, creates, and completes tasks for you. Built with React 18, Vite, TypeScript, Tailwind CSS, and shadcn/ui components, it provides a beautiful, high-converting waitlist sign-up experience powered by Supabase for waitlist data storage. Features include confetti celebrations, smooth Framer Motion animations, dark/light theme support, and comprehensive SEO optimization.

Features

• Waitlist Sign-Up - Email collection with validation and duplicate prevention
• Success Celebrations - Canvas confetti animations on successful sign-up
• Smooth Animations - Framer Motion for entrance animations and micro-interactions
• Dark/Light Theme - Theme switching via next-themes
• Responsive Design - Optimized for desktop, tablet, and mobile
• Modern UI - shadcn/ui components (Default style) with Radix primitives
• Form Validation - React Hook Form with Zod schema validation
• Data Persistence - Supabase backend for waitlist entries
• React Query - TanStack React Query for server state management
• SEO Optimized - Meta tags, canonical URLs, and Open Graph data
• Custom Fonts - Roobert typeface for premium brand feel
• Toast Notifications - Sonner for elegant success/error messages
• Analytics Ready - Structured for conversion tracking

Tech Stack

Category	Technology	Version
Framework	React	18.3.x
Build Tool	Vite (SWC plugin)	5.4.x
Styling	Tailwind CSS	3.4.x
UI Components	shadcn/ui (Default), Radix UI	Latest
Animation	Framer Motion	11.x
Backend	Supabase JS	2.89.x
Data Fetching	TanStack React Query	5.x
Forms	React Hook Form + Zod	7.x, 3.x
Confetti	canvas-confetti	1.x
Toasts	Sonner	1.x
Charts	Recharts	2.x
Routing	React Router DOM	6.x
Theme	next-themes	0.3.x
Icons	Lucide React	0.462.x
Language	TypeScript	5.8.x

Quick Start

Prerequisites

• Node.js 18+
• npm or bun
• A Supabase project

Installation

# Clone the repository
git clone https://github.com/yethikrishna/y0-waitlist-builder.git
cd y0-waitlist-builder

# Install dependencies
npm install

Environment Variables

Create a .env.local file:

# Supabase
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

Supabase Setup

1. Create a new Supabase project
2. Create a waitlist table:

create table waitlist (
  id uuid default gen_random_uuid() primary key,
  email text unique not null,
  created_at timestamptz default now(),
  source text default 'landing'
);

-- Enable RLS
alter table waitlist enable row level security;

-- Allow anonymous inserts
create policy "Allow public waitlist signups" on waitlist
  for insert to anon with check (true);

3. Run the Supabase migrations from the supabase/migrations directory

Development

# Start development server (port 8080)
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Lint code
npm run lint

Project Structure

y0-waitlist-builder/
├── src/
│   ├── components/       # React components
│   │   └── ui/          # shadcn/ui components
│   ├── hooks/           # Custom React hooks
│   ├── lib/             # Utility functions, Supabase client
│   ├── pages/           # Page components
│   ├── App.tsx          # Main app component
│   ├── main.tsx         # Entry point
│   └── index.css        # Global styles
├── public/              # Static assets (favicon, images)
├── supabase/
│   ├── migrations/      # Database migration files
│   ├── functions/       # Supabase Edge Functions
│   └── config.toml      # Supabase configuration
├── components.json      # shadcn/ui configuration
├── tailwind.config.ts   # Tailwind configuration
├── vite.config.ts       # Vite configuration
├── tsconfig.json        # TypeScript configuration
└── package.json         # Dependencies

Deployment

Vercel

npm i -g vercel
vercel --prod

Netlify

npm run build
# Deploy dist/ folder

Any Static Host

The built dist/ folder can be deployed to any static hosting service.

Contributing

Contributions are welcome! Please feel free to submit pull requests.

1. Fork the repository
2. Create your feature branch
3. Make your changes
4. Submit a pull request

Related Projects

• y0 - The main y0 AI platform
• free-swarm - Swarm AI platform
• karma-platform - Karma AI platform

---

Built with passion by Yethikrishna R