Waitlister

A clean, ready-to-use Next.js template for capturing emails and building your waitlist fast. Effortless integration with Loops.so and Upstash Redis—perfect for launching your next project.

Check the live demo here 👉️ Waitlister.indietech.dev

Deploy to Vercel

✨ Features

• Responsive, modern UI
• Seamless Loops.so integration
• Built-in rate limiting
• Simple config customization
• Supports dark & light mode

📦 Tech Stack

• Next.js 15
• Tailwind CSS
• Motion.dev
• Loops.so
• Upstash Redis

🚀 Quick Start

bun install
bun dev

Open http://localhost:3000

🔗 Setup

Loops.so

1. Verify your domain.
2. Get your API key.
3. Add LOOPS_API_KEY to your environment variables.

Upstash Redis

1. Create an account on Upstash.
2. Create a new Redis database.
3. Get your REST URL and REST token from the database dashboard.
4. Add the following environment variables:
   • UPSTASH_REDIS_REST_URL
   • UPSTASH_REDIS_REST_TOKEN

Note: Rate limiting is set to 2 requests per minute per IP address to prevent abuse.

🛠️ Customization

All content is configured in src/config/. Modify these files to customize your waitlist:

site.ts

Core site settings:

• siteName: Your product/brand name
• siteUrl: Your site URL
• metadata: SEO title and description
• logos: Light/dark mode logo paths

hero.tsx

Hero section:

• heroBadge: Badge icon and text above headline
• title: Main headline
• subtitle: Description below headline
• socialProof: Avatar images and count text

about.tsx

About section:

• description: About text
• features: Array of feature icons and labels
• videoSrc: Video URL or path

faq.ts

FAQ section:

• faqs: Array of question/answer objects
• Uses site.siteName for dynamic naming

footer.tsx

Footer:

• socialLinks: Social media icons and URLs
• copyrightNotice: Copyright text

---

Visit IndieTech.dev
for more on our products and services.