More than 1 year has passed since last update.

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

Posted at 2022-08-08

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導入時のケースを練習したい