Google sheet Waitlist
Uma página simples de inscrição em lista de espera, construída com Next.js, TypeScript e Tailwind CSS. Permite que os usuários enviem seu endereço de e-mail, que é armazenado em uma planilha do Google por meio de uma ação do servidor.
Listado em categorias:
SaaSCódigo abertoFerramentas de desenvolvimento
Descrição
Este projeto é uma página simples de inscrição em lista de espera construída com Next.js, TypeScript e Tailwind CSS. Permite que os usuários enviem seus endereços de e-mail, que são armazenados em uma planilha do Google por meio de uma ação do servidor. A interface do usuário apresenta um design de cartão flipável para mostrar os recursos do produto e inclui um alternador de tema escuro/claro.
Como usar Google sheet Waitlist?
Clone o repositório, instale as dependências usando pnpm, configure as variáveis de ambiente para a API do Google Sheets e execute o servidor de desenvolvimento para começar a coletar e-mails.
Recursos principais de Google sheet Waitlist:
1️⃣
Formulário de inscrição por e-mail na lista de espera
2️⃣
Validação de e-mail do lado do cliente
3️⃣
Ação do servidor para adicionar e-mails de forma segura a uma planilha do Google
4️⃣
Exibição de mensagens de sucesso e erro
5️⃣
Interface de usuário de cartão flipável para exibir recursos futuros
Por que usar Google sheet Waitlist?
| # | Caso de uso | Status | |
|---|---|---|---|
| # 1 | Coletar endereços de e-mail para lançamentos de produtos | ✅ | |
| # 2 | Construir uma lista de espera de usuários para testes beta | ✅ | |
| # 3 | Reunir interesse dos usuários por novos recursos | ✅ | |
Desenvolvido por Google sheet Waitlist?
O projeto é desenvolvido por um indivíduo ou equipe focada em criar aplicações web eficientes usando tecnologias modernas como Next.js e TypeScript.