Back to Home

お問い合わせフォーム

以下のフォームからお選びください

t2-02 component化

t2-01のコンポーネント化を行いました。

フォームを開く

t2-01(マルチセレクト対応)

マルチセレクトフィールドを含むフォームです。Base UIのネイティブバリデーション機能を使用し、Notionデータベースにマルチセレクト情報も保存します。

フォームを開く

Base UI版(ネイティブバリデーション)

Base UIのネイティブバリデーション機能のみを使用したフォームです。React Hook FormとZodを使用せずに実装しています。

フォームを開く

Base UI版

Base UIのFormとFieldコンポーネントを使用したフォームです。認証済みドメイン版の機能を維持しつつ、Base UIの統合されたエラーハンドリング機能を活用しています。

フォームを開く

認証済みドメイン版(リファクタリング版)

認証済みドメイン版の機能を維持しつつ、APIルートをユーティリティ関数に分割し、フォームコンポーネントを再利用可能な部品に分割したリファクタリング版です。

フォームを開く

認証済みドメイン版

Resendで認証済みのドメインを使用したフォームです。Notion DB保存、Resend送信、サンクスページ遷移、ユーザー宛サンクスメール送信のすべての機能を含みます。

フォームを開く

統合版+サンクスメール

Notion DB保存、Resend送信、サンクスページ遷移に加えて、ユーザー宛にサンクスメールを送信する機能を含むフォームです。

フォームを開く

統合版

Notion DB保存、Resend送信、サンクスページ遷移のすべての機能を含むフォームです。

フォームを開く

Resend+Notion

お問い合わせ内容をresendでメール送信し、notionでDB保存します。

フォームを開く

Notion連携

お問い合わせ内容をNotionデータベースに保存します。確認用のフォームです。

フォームを開く