Notion Cloneを作って学ぶReact, Next.js, TypeScript
Zenn
Notion Cloneを作って学ぶReact, Next.js, TypeScript
Notion Cloneを作って学ぶReact, Next.js, TypeScript
01はじめに02開発環境の構築 - React 19, Next.js 15, tailwind 4, chadcn/ui -03ロゴを作る - faviconはsvg形式?ico形式?04Metadataの設定 - Title設定, faviconのモード切り替え -05ブランディングページ(トップページ)を作る06スクロールしても動かないナビゲーションバーを作る(独自Hookでスクロールを検知する)07shadcn/ui next-themesを使ったテーマ(light/dark)切り替え機能08convexの導入09clerkをインストールしてconvexと連携させる10Clerk認証機能を追加する
Chapter 01

はじめに

Miyako Oyadomari
Miyako Oyadomari
2025.03.23に更新