今回はNEONとdrizzleを使って、TODOアプリを作成します。
NEONとはPostgresベースのデータベースになります。
また、NEONからのデータを管理するために、drizzleを使います。
実は、はじめてNEONをキャッチアップしましたが、基本的には難しくありませんでした。
無料で試すことができて、1つのプロジェクトを作成できます。
他にも、素のSQLやPrismaを使うことができます。
そして、Cloudflare Pagesにデプロイすることを考えて、フレームワークはNext.jsを使います。
サーバーアクションを使った入力フォームやサーバーコンポーネントとクライアントコンポーネントの違いを深掘りします。
▼チャンネル登録はコチラからお願いします▼
https://www.youtube.com/channel/UCqmIGhDsE5y-fmjtp8SnblQ?sub_confirmation=1
▼今回のコード▼
https://github.com/arafipro/neon-db-drizzle-app
▼【React Hook Form】【zod】shadcn/uiを使って、リッチな入力フォームを作る▼
https://youtu.be/PQeW8gLI5Eg
▼入力フォームを作る動画はこちら▼
https://www.youtube.com/playlist?list=PL_WIODhpPte_Uwd363Zb6VkDn5hN50uzC
▼REST APIを作る動画はこちら▼
https://www.youtube.com/playlist?list=PL_WIODhpPte99MHtvocIbdnq2kWB03prk
▼Remotion関連動画もアップしてます▼
https://www.youtube.com/playlist?list=PL_WIODhpPte9RxvKgSSuxxOwgQg1Ji27j
#nextjs14 #nextjs #typescript #cloudflare #cloudflarepages #neon #drizzle