このサイトについて

Build & Deploy は、チュートリアルを写経して終わるのではなく、 「自分の手でコードを書いて、実際に世界へ公開する」ところまでを 一直線に体験できるように作った学習サイトです。全40コース・267レッスンの教材データは外部の CMS や DB を使わず、すべてこのリポジトリの 中にコードとして書かれています。つまりこのサイト自体が、教材で学ぶ Next.js + TypeScript + Tailwind CSS の生きたサンプルでもあります。

使っている技術

• Next.js (App Router)

  ルーティング・Server Actions・キャッシュなど土台全体

• TypeScript

  教材データからコンポーネントまで型を通して書いている

• Tailwind CSS

  ユーティリティファーストで画面を組み立てている

• Vercel

  このサイト自体のホスティング先。教材の最終ゴールでもある

教材の作り方

レッスンは1画面の長いスクロールではなく、Progate のように小さなスライドを1つずつ進む形式にしています。多くのレッスンには ブラウザ上で実際にコードを書いて自動採点される演習が付いていて、 「基礎 → 標準」の小さなステップを1つクリアするたびに次が解放されます。詳しい学習方針はトップページの「学べる分野」で紹介しています。