EarlyBird

Modern waitlist template built with Next.js, Tailwind CSS, and Resend.

Collect early users, send automated emails, and launch your product faster.

---

Preview

EarlyBird helps you:

• Collect waitlist users
• Send confirmation emails with Resend
• Manage user signups
• Launch beautiful landing pages quickly

---

Features

• Next.js App Router
• Tailwind CSS v4
• Resend Email Integration
• Waitlist API Route
• Dark Mode Support
• Fully Responsive
• TypeScript
• Framer Motion Animations
• SEO Ready

---

Tech Stack

• Next.js 15
• TypeScript
• Tailwind CSS
• Resend
• React Query
• Sonner
• Tabler Icons
• Motion

---

Getting Started

1. Clone the repository

git clone https://github.com/YOUR_USERNAME/earlybird.git

2. Go to project folder

cd earlybird

3. Install dependencies

npm install

4. Create environment file

Create .env.local

RESEND_API_KEY=your_resend_api_key

---

Run Development Server

npm run dev

Open:

http://localhost:3000

---

Project Structure

app/
 ├── api/
 │    └── join-waitlist/
 ├── components/
 ├── lib/
 ├── providers/
 ├── schemas/
 ├── types/
 └── page.tsx

---

Original Repository

This project is modified from:

🔗 https://github.com/indieceo/Waitlister

---

Customization

You can easily customize:

• Branding
• Hero section
• Colors
• FAQ
• Metadata
• Email flow
• Waitlist form

Main config:

lib/constants.ts

---

Deployment

Deploy easily on:

• Vercel
• Netlify
• Railway

Recommended: Vercel

---

Credits

Built with ❤️ using Next.js and Resend.