Google sheet Waitlist
Une page d'inscription à une liste d'attente simple, construite avec Next.js, TypeScript et Tailwind CSS. Les utilisateurs peuvent soumettre leur adresse e-mail, qui est ensuite stockée dans une feuille Google via une action serveur.
Listé dans les catégories:
SaaSOpen SourceOutils de développement
Description
Ce projet est une simple page d'inscription à une liste d'attente construite avec Next.js, TypeScript et Tailwind CSS. Il permet aux utilisateurs de soumettre leurs adresses e-mail, qui sont ensuite stockées dans une feuille Google via une action serveur. L'interface utilisateur présente un design de carte retournable pour mettre en avant les fonctionnalités du produit et inclut un commutateur de thème sombre/clair.
Comment utiliser Google sheet Waitlist?
Clonez le dépôt, installez les dépendances en utilisant pnpm, configurez les variables d'environnement pour l'API Google Sheets, et exécutez le serveur de développement pour commencer à collecter des e-mails.
Fonctionnalités principales de Google sheet Waitlist:
1️⃣
Formulaire d'inscription par e-mail à la liste d'attente
2️⃣
Validation des e-mails côté client
3️⃣
Action serveur pour ajouter en toute sécurité des e-mails à une feuille Google
4️⃣
Affichage de messages de succès et d'erreur
5️⃣
Interface utilisateur de carte retournable pour afficher les fonctionnalités à venir
Pourquoi pourrait-il être utilisé Google sheet Waitlist?
| # | Cas d'utilisation | Statut | |
|---|---|---|---|
| # 1 | Collecte d'adresses e-mail pour les lancements de produits | ✅ | |
| # 2 | Création d'une liste d'attente d'utilisateurs pour les tests bêta | ✅ | |
| # 3 | Rassemblement de l'intérêt des utilisateurs pour de nouvelles fonctionnalités | ✅ | |
Développé par Google sheet Waitlist?
Le projet est développé par un individu ou une équipe axée sur la création d'applications web efficaces utilisant des technologies modernes comme Next.js et TypeScript.