Notion Cloneを作って学ぶReact, Next.js, TypeScript
無料で読める本
React 19, Next.js 15, TypeScript, Tailwind CSS 4を使ってNotionのクローンを作りながら学ぶ
Chapters
はじめに
開発環境の構築 - React 19, Next.js 15, tailwind 4, chadcn/ui -
ロゴを作る - faviconはsvg形式？ico形式？
Metadataの設定 - Title設定, faviconのモード切り替え -
ブランディングページ（トップページ）を作る
スクロールしても動かないナビゲーションバーを作る（独自Hookでスクロールを検知する）
shadcn/ui next-themesを使ったテーマ（light/dark）切り替え機能
convexの導入
clerkをインストールしてconvexと連携させる
Clerk認証機能を追加する
Author
Topics
