Google sheet Waitlist
Una página de registro de lista de espera simple, construida con Next.js, TypeScript y Tailwind CSS. Permite a los usuarios enviar su dirección de correo electrónico, que luego se almacena en una hoja de Google a través de una acción del servidor.
Listado en categorías:
SaaSCódigo abiertoHerramientas de desarrollo
Descripción
Este proyecto es una página simple de registro en lista de espera construida con Next.js, TypeScript y Tailwind CSS. Permite a los usuarios enviar sus direcciones de correo electrónico, que luego se almacenan en una hoja de Google a través de una acción del servidor. La interfaz de usuario presenta un diseño de tarjeta volteable para mostrar las características del producto e incluye un interruptor de tema oscuro/claro.
Cómo usar Google sheet Waitlist?
Clona el repositorio, instala las dependencias usando pnpm, configura las variables de entorno para la API de Google Sheets y ejecuta el servidor de desarrollo para comenzar a recopilar correos electrónicos.
Características principales de Google sheet Waitlist:
1️⃣
Formulario de registro de correo electrónico en lista de espera
2️⃣
Validación de correo electrónico del lado del cliente
3️⃣
Acción del servidor para agregar correos electrónicos de forma segura a una hoja de Google
4️⃣
Mostrar mensajes de éxito y error
5️⃣
Interfaz de usuario de tarjeta volteable para mostrar características próximas
Por qué podría ser usado Google sheet Waitlist?
| # | Caso de Uso | Estado | |
|---|---|---|---|
| # 1 | Recopilación de direcciones de correo electrónico para lanzamientos de productos | ✅ | |
| # 2 | Construcción de una lista de espera de usuarios para pruebas beta | ✅ | |
| # 3 | Recolección de interés de usuarios para nuevas características | ✅ | |
Desarrollado por Google sheet Waitlist?
El proyecto es desarrollado por un individuo o equipo enfocado en crear aplicaciones web eficientes utilizando tecnologías modernas como Next.js y TypeScript.