
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でスクロールを検知する)
Author
Topics