Google sheet Waitlist
Простая страница регистрации в списке ожидания, созданная с помощью Next.js, TypeScript и Tailwind CSS. Пользователи могут отправлять свои адреса электронной почты, которые затем сохраняются в Google Sheet через серверное действие.
Перечислено в категориях:
SaaSОткрытый исходный кодИнструменты разработчика
Описание
Этот проект представляет собой простую страницу регистрации в списке ожидания, созданную с использованием Next.js, TypeScript и Tailwind CSS. Он позволяет пользователям отправлять свои адреса электронной почты, которые затем хранятся в Google Sheets через серверное действие. Интерфейс пользователя имеет дизайн переворачивающейся карточки для демонстрации функций продукта и включает переключатель темного/светлого режима.
Как использовать Google sheet Waitlist?
Клонируйте репозиторий, установите зависимости с помощью pnpm, настройте переменные окружения для API Google Sheets и запустите сервер разработки, чтобы начать сбор адресов электронной почты.
Основные функции Google sheet Waitlist:
1️⃣
Форма регистрации электронной почты в списке ожидания
2️⃣
Валидация электронной почты на стороне клиента
3️⃣
Серверное действие для безопасного добавления электронных адресов в Google Sheets
4️⃣
Отображение сообщений об успехе и ошибках
5️⃣
Интерфейс переворачивающейся карточки для отображения предстоящих функций
Почему использовать Google sheet Waitlist?
| # | Сценарий использования | Статус | |
|---|---|---|---|
| # 1 | Сбор адресов электронной почты для запуска продукта | ✅ | |
| # 2 | Создание списка ожидания пользователей для бета-тестирования | ✅ | |
| # 3 | Сбор интереса пользователей к новым функциям | ✅ | |
Разработано Google sheet Waitlist?
Проект разработан индивидуумом или командой, сосредоточенной на создании эффективных веб-приложений с использованием современных технологий, таких как Next.js и TypeScript.