• ホーム
• Next.js

カテゴリー：Next.js

1. 08.13

   【Next.js】「CSR」、「SSR」、「SSG」の違い

   使い分け SEO リアルタイム更新 サイト再生成 初期ロード ページ遷移 サーバー負荷 用途 CSR × ○ × 遅い 早い SSR ○ ○ ○ 遅い…

   • Next.js
   • コメントを書く

2. 05.16

   【Next.js】「CSR(UseSWR)」について

   useSWRとは？ 「クライアントサイドレンダリング」の技術です。なので、もしブラウザでJavaScriptを無効化していたら動かなくなります。（なお、SSGやSSRやISRなどはサーバーサイドで動作するのでブラウザのJavaScr…

   • Next.js
   • コメントを書く

3. 05.16

   【Next.js】Next.jsの基本コンポーネント、ページ遷移、ページのテスト

   基本コンポーネント Head [crayon-651390760bab7789507222/] 以下のように使います。タイトルが表示されます。 [crayon-651390760bac1068864964/] …

   • Next.js
   • コメントを書く

4. 05.09

   【Next.js】「getStaticProps」、「Dynamic routes」について

   getStaticPropsとは？ Next.js内（フロントエンド）で定義した関数が必ずバックエンドで実行される。 pages内でのみ使用可能 「npm run dev」の場合はリクエスト毎に実行される。 「n…

   • Next.js
   • コメントを書く

5. 05.08

   【Next.js】基本、バージョン、導入方法、Vercelとは？

   Next.jsとは？ Reactのフレームワーク SSG(Static Site Generation) 日本語で言えば「静的サイトジェネレーション」の略です。事前にHTMLを生成することでSEO対策になったり、高速でサ…

   • Next.js
   • コメントを書く

6. 05.08

   【Next.js】「ISR(Incremental Static Regeneration)」について

   ISR(Incremental Static Regeneration)とは？ ユーザーアクセスを起点として動的に静的コンテンツを更新してくれます。 「Stale while revalidation」と言うコンセプトがベース…

   • Next.js
   • コメントを書く