はてなブックマーク

この記事について Reactの開発ではcreate-react-appを用いることが多かったのですが、Next.jsでも開発を行う機会があったので把握できた範囲で実装方法の差異などをまとめてみたいと思います。 個人的な内容整理が主目的ですが、どちらかに触れてみようと思っている方やフレームワーク選定の際の参考になれば幸いです。 SPA、SSR、SSGについておさらい フレームワークの話の前にこの辺りの用語についておさらいしておきます。 SPAの登場前は、 ページ遷移の度にサーバーへ同期処理でリクエストを行い、ページを取得するのが一般的でした。 LaravelやRailsなどMVCフレームワークで画面作ったことある方はイメージしやすいと思います。 ページアクセスの度にサーバーでPHPやRubyなどの処理が実行されるため、サーバーの負荷や読み込みの遅さなどが課題とされていました。 SPAの登場