Google sheet Waitlist
Next.js、TypeScript、Tailwind CSSを使用して構築されたシンプルな待機リストサインアップページです。ユーザーはメールアドレスを送信でき、その後サーバーアクションを介してGoogleシートに保存されます.
カテゴリーにリストされています:
SaaSオープンソース開発ツール
説明
このプロジェクトは、Next.js、TypeScript、およびTailwind CSSを使用して構築されたシンプルなウェイトリストサインアップページです。ユーザーはメールアドレスを提出でき、それがサーバーアクションを介してGoogleシートに保存されます。UIは、製品の機能を紹介するためのフリッパーカードデザインを特徴としており、ダーク/ライトテーマの切り替えが含まれています。
使い方 Google sheet Waitlist?
リポジトリをクローンし、pnpmを使用して依存関係をインストールし、Google Sheets APIのための環境変数を設定し、開発サーバーを実行してメールの収集を開始します。
の主な機能 Google sheet Waitlist:
1️⃣
ウェイトリストメールサインアップフォーム
2️⃣
クライアント側のメール検証
3️⃣
Googleシートにメールを安全に追加するためのサーバーアクション
4️⃣
成功およびエラーメッセージの表示
5️⃣
今後の機能を表示するためのフリッパーカードUI
なぜ使用するのか Google sheet Waitlist?
| # | ユースケース | ステータス | |
|---|---|---|---|
| # 1 | 製品ローンチのためのメールアドレスの収集 | ✅ | |
| # 2 | ベータテストのためのユーザーウェイトリストの構築 | ✅ | |
| # 3 | 新機能に対するユーザーの関心を集める | ✅ | |
開発者 Google sheet Waitlist?
このプロジェクトは、Next.jsやTypeScriptなどの最新技術を使用して効率的なウェブアプリケーションを作成することに焦点を当てた個人またはチームによって開発されています。