Next.js Tutorialをやってみた所感など

Next.jsを勉強してみることにしました。

・HTML/CSS
・JavaScriptはjQueryは分かる、Vue.jsをかじった程度
・React、Next.jsはほぼ分からない

Next.jsチュートリアル（英語）

所要時間

コードはコピペではなく、全て手で写経、
エラーも極力ぐぐって解決、という感じでやって

8〜10時間くらいかな？

About Next.js　〜　How Next.js Works
は基本読み物だが、読みやすいです。

学べたこと

プリレンダリング
①サーバーサイドレンダリング（SSR）
②静的サイトジェネレーション（SSG）

と通常レンダリング
③クライアントサイドレンダリング（CSR　CSRのみのサイトをSPAと言ったり）

の考え方など。

①②③柔軟に使い分けられるのがNext.jsの強み

かなり動的な部分が、プリレンダリングできて
爆速表示できるようになったら、そりゃ面白い。

あとTypeScriptを少し。Javaっぽくなるね。

残課題

• 記事投稿の機能がついてない。これはチュートリアル卒業者への宿題なのかな。
  • fsでMDファイルは書けるわけだし。APIからPostする機能作ってみたい。
  • ヘッドレスCMS＋Next.js on Vercelで自分技術ブログ作るのがゴールかな。
• Next.js書いただけじゃ理解浅い
• テストって書けるの？
• Reactわからん
• TypeScriptわからん
  • ここらへんは本で補強します。
• Tailwind CSS導入時のケースを練習したい

GitHub

GitHub - kugyu10/next.js.tutorial

デプロイ先(Vercel)