Open3
「Next.js + Supabase カレンダーメモアプリ」を実装してみる
Juna1013bauhausさんが公開している「Next.js + Supabase カレンダーメモアプリ」というハンズオン教材を実装してSupabaseと外部UIライブラリを勉強します。
Juna101301 はじめに
簡単な開発するプロダクトの説明や技術スタック・アーキテクチャ・UXの説明をまとめています。
Juna1013技術スタック
Next.js App Router
-
app/ディレクトリ構造やApp Routerの基本
React Hooks
-
useState,useEffectを通して学ぶ状態管理と副作用
Server Actions
-
app/actions.tsを用いたSupabaseとの連携・データ処理
UIライブラリ
-
lucide-react,sonner,shadcn/uiなどの外部UIライブラリを利用
Date API
- Supabaseを利用