Community

About

TLDR: Create waitlist for your product without paying for any waitlist services. All in one click. Setup takes 2min max. check the "How to" setup below. This application is a waitlist management tool designed to allow users to join a waitlist for updates on a product launch. It provides a simple interface for users to submit their email addresses and receive notifications when the product becomes available. The app integrates with Google Sheets to store and manage the waitlist data. To use the app, users can enter their email address into the provided input field and submit the form. Upon submission, the app validates the email format and checks for any errors. If the submission is successful, users will receive a confirmation message, and the waitlist count will update to reflect the new total number of subscribers. Users can also view the current waitlist count displayed on the page. The application is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and routing. It utilizes Tailwind CSS for styling, allowing for a responsive and modern design. The app also employs Google Apps Script to handle backend operations, such as adding emails to a Google Sheet and retrieving the current count of subscribers. Key features of the app include: - User-friendly email submission form with validation. - Real-time updates of the waitlist count. - Integration with Google Sheets for data storage and management. - Responsive design that adapts to various screen sizes. - Dark mode support for improved accessibility. - Social media icons for users to follow the app on various platforms. Overall, this app provides a straightforward solution for managing a waitlist, making it easy for users to sign up and stay informed about product launches. How to Set Up Google Sheets Integration 1. Create a Google Sheet: 1. Create a new Google Sheet 2. Name the first sheet "Waitlist" 2. Set up Google Apps Script: 1. In your Google Sheet, go to Extensions > Apps Script 2. Copy the code from `google-apps-script.js` into the editor 3. Save the project with a name like "Waitlist Manager" 3. Deploy as Web App: 1. Click "Deploy" > "New deployment" 2. Select "Web app" as the type 3. Set "Execute as" to "Me" 4. Set "Who has access" to "Anyone" 5. Click "Deploy" and copy the Web App URL 4. Add Environment Variable: In your Vercel project, add an environment variable: 1. Name: `GOOGLE_SCRIPT_URL` 2. Value: The Web App URL you copied Now your waitlist page will store emails in Google Sheets and display the real count of subscribers!