【ハンズオン】やってみよう!Next.jsでWebサイト制作
無料で読める本
Next.jsを使ったことのない方向けのハンズオン本です。Next.jsでWebサイトを制作し、Vercelへデプロイ。この体験を通じてNext.jsと仲良くなってみませんか?
Chapters
はじめに
Reactについて
Next.jsについて
Next.jsの環境構築
Next.jsの開発用サーバ起動
Next.jsでHello world体験
shadcn導入
App Routerでルーティング
React-iconsを導入しよう
shadcnのButtonコンポーネントをゲットしよう
グローバルナビゲーションを作ろう
HeaderにDrawerを追加しよう
HeaderにTailwind CSSをあてよう
useStateでDrawerの開閉をしてみよう
Contactページを作ってみよう
Workページを作ってみよう
デプロイの下準備 リモートリポジトリの準備
Vercelでデプロイ
【おまけ】Next.js × shadcnのデザインシステム
Author
Topics