Twitter(x)か何かで気になったのでAmazonでKindle版を購入致しました。
★Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた Kindle版【アフィリエイトリンクです】
以前に「Software Design (ソフトウェアデザイン) 2022年11月号 [雑誌] Kindle版」で
★「ホスティングの分離」「APIの分離」「事前レンダリング」なJamStack【Movable TypeやWebReleaseに近い印象?】(2023年05月06日 (土曜日))
JamStackの事を読んでいて、ひょっとしてこういう概念かな?と思ってたらそうでした。
★Jamstackとは? | 株式会社ピクセルグリッド
「動的なコンテンツはJavaScriptにより、APIを通じて取得し表示」
最近はWeb関連の仕事はほぼなく、メンテナンスや自分のサイトぐらいしかやっておりませんがNext.jsの話は結構勉強になったなぁ。今はこういう感じでサイト構築するのか、と。私のWebサイト構築の知識は2000年代前半のものですしね。
この本を読んでいてたまたま流れて来ていたツイートですが
TypeScriptわかるのは あなたみたいに"頭のいい"エンジニアだけ だからJavaScriptに書き直しなさい、とりあえず型情報を全部消しなさい
— ryoppippi (@ryoppippi) July 18, 2024
と言われた某現場を思い出した https://t.co/k3BZUzBdYT
ああ、なるほど、と。
あと静的生成や動的生成に関してのフラグというか今はこういう感じでやるんだ、と。
Next.jsではアプリケーション全体のビルドを事前に行い、ページ毎に最適なレンダリング方法を提供する事ができる、と。ビルドしビルド結果を見ると○がついてるのが静的生成、ƒだと動的生成、か。どちらの方式でレンダリングされるのかについてはrevalidateの値設定やuseSearchParams等のdynamic functionsを使用しているかどうかで決まる、と。
ひとまずは一度ひととおり本を読んだだけで実践はしておりません。ちょいと時間がある時にこれ勉強がてら実践して一部サイトを作り直ししてみるのもええかも。
関連
★microCMS|APIベースの日本製ヘッドレスCMS
★Vercel: Build and deploy the best web experiences with the Frontend Cloud
★Next.js by Vercel - The React Framework
★【Webの編集も落ち着いてきたし】WebデザインソフトウェアのAdobe Dreamweaver単体プランを解約【代替えにVS Codeやmiを使う事も増えてきたし】(2024年2月28日(水曜日))
★Windows 11に Visual Studio Code(VSC)インストール(2023年01月27日 (金曜日))