【全コンテンツ一般公開中】Next.js&TypeScript体験シリーズ

このページの概要

このページでは、「TypeScript」を使いながら「Next.js」の基本的な機能を学習できるコンテンツをまとめております。

前提

1本目の解説動画の中でも話しておりますが、「Next.js&TypeScript体験シリーズ」では以下を前提として話を進めていきます。

  • Reactの基本知識がある(コンポーネント知識、基本的なHooks知識)
  • Next.jsのバージョンは10系(撮影で使っているバージョンは「10.0.3」)

学習コンテンツリスト(動画&スライド)

  1. Next.jsとは
  2. TypeScriptとは
  3. 「create-next-app」を使ってプロジェクトを作る流れ
  4. SSRの動作を確認する(Server Side Rendering)
  5. SSGの動作を確認する(Static Site Generators)
  6. ISGの動作を確認する(Incremental Static Generation)
  7. ISRの動作を確認する(Incremental Static Regeneration)
  8. Material UIを使ってデザインを整える(全5回)

より学びやすい学習ページを用意しました

動画で観たほうがイメージが付きやすいかなと思うので、以下のツイートの添付動画をご覧いただけたらと思います^^

こちらの動画をご覧になるとわかると思いますが、以下に挙げたように、より学習しやすい環境になっているのがわかっていただけるかなと思います。

  • Udemyのように学習記録が残せる
  • 「前のページ」「次のページ」に簡単に移動できる

 

こちらの学習ページを使って学習を進められたい方は、以下のボタンをクリックして新しい学習ページをご確認いただけたらと思います^^

より学びやすい学習ページに行く