Google Sheet Waitlist

# Waitlist Boilerplate: A Next.js Waitlist Page with Google Sheets Integration I'm excited to share a project I built to help developers quickly set up waitlist pages for their products: an open-source waitlist landing page that stores email submissions directly in Google Sheets. ## Why I built this As an indie hacker, I often need to validate ideas quickly by setting up waitlist pages. I found myself repeating this process and facing the same challenges: 1. Setting up a database just to store emails seemed excessive 2. Paid waitlist services added unnecessary costs for MVPs 3. Existing solutions were often complex or outdated So I created this waitlist boilerplate - a simple, elegant solution that uses Google Sheets as the database. ## Tech Stack - **Next.js 15** with App Router and Server Actions - **TypeScript** for type safety - **Tailwind CSS** + **shadcn/ui** for styling - **Google Sheets API** for data storage - **React Hook Form** + **Zod** for validation ## Key Features - **Beautiful Flip-Card UI**: Animated card that flips to show product features - **Dark/Light Theme**: Toggle between themes with a click - **Google Sheets Integration**: Store emails directly in your sheet - **Mobile Responsive**: Looks great on all devices - **Email Validation**: Client and server-side validation - **Detailed Documentation**: Step-by-step setup guide - **One-Click Deployment**: Deploy to Vercel instantly ## Demo & Code - **GitHub Repo**: [https://github.com/dambrubaba/google-sheet-waitlist](https://github.com/dambrubaba/google-sheet-waitlist) - **Live Demo**: [https://prompt-waitlist.vercel.app/] ## How it Works The application uses Next.js Server Actions to securely send email submissions to the Google Sheets API. This means: 1. No exposed API keys in the client 2. No need for a separate backend or database 3. Emails are stored directly in your own Google Sheet ## Getting Started Setup takes less than 10 minutes: 1. Clone the repository 2. Create a Google Cloud project and enable the Sheets API 3. Set up a service account and get credentials 4. Create a Google Sheet and share it with your service account 5. Add your credentials to environment variables 6. Deploy to Vercel (or your preferred hosting) Detailed instructions are in the README. ## Why Google Sheets? Using Google Sheets as a database offers several advantages: - **Zero Config**: No database setup or maintenance - **Familiar Interface**: Easy to view, sort, and filter submissions - **Collaboration**: Share with team members - **Automation**: Connect to tools like Zapier, Make, or Google Apps Script - **Cost**: It's free! ## Customization The code is built to be easily customizable: - Change colors, text, and branding - Add or remove features from the flip-card - Modify form fields - Add additional analytics or tracking ## Future Plans I have several ideas for future enhancements: - More theme options - Additional form fields - Analytics dashboard - Social login options - Referral tracking ## Contribution This is an open-source project, and contributions are welcome! Feel free to: - Submit issues for bugs or feature requests - Create pull requests to improve the code - Share your customizations and extensions ## Conclusion I hope this tool helps fellow developers and indie hackers validate their ideas more quickly. If you find it useful, please consider starring the repository and sharing it with others. I'd love to hear your feedback and suggestions in the comments! Happy building! 🚀