【ハンズオン】やってみよう！Next.jsでWebサイト制作

【ハンズオン】やってみよう！Next.jsでWebサイト制作

01はじめに 02Reactについて 03Next.jsについて 04Next.jsの環境構築 05Next.jsの開発用サーバ起動 06Next.jsでHello world体験 07shadcn導入 08App Routerでルーティング 09React-iconsを導入しよう 10shadcnのButtonコンポーネントをゲットしよう 11グローバルナビゲーションを作ろう 12HeaderにDrawerを追加しよう 13HeaderにTailwind CSSをあてよう 14useStateでDrawerの開閉をしてみよう 15Contactページを作ってみよう 16Workページを作ってみよう 17デプロイの下準備　リモートリポジトリの準備 18Vercelでデプロイ 19【おまけ】Next.js × shadcnのデザインシステム

Chapter 07

shadcn導入

2024.08.12に更新