カテゴリー:Next.js
-
使い分け SEO リアルタイム更新 サイト再生成 初期ロード ページ遷移 サーバー負荷 用途 CSR × ○ × 遅い 早い SSR ○ ○ ○ 遅い…
-
useSWRとは? 「クライアントサイドレンダリング」の技術です。なので、もしブラウザでJavaScriptを無効化していたら動かなくなります。(なお、SSGやSSRやISRなどはサーバーサイドで動作するのでブラウザのJavaScr…
-
基本コンポーネント Head [crayon-651390760bab7789507222/] 以下のように使います。タイトルが表示されます。 [crayon-651390760bac1068864964/] …
-
getStaticPropsとは? Next.js内(フロントエンド)で定義した関数が必ずバックエンドで実行される。 pages内でのみ使用可能 「npm run dev」の場合はリクエスト毎に実行される。 「n…
-
Next.jsとは? Reactのフレームワーク SSG(Static Site Generation) 日本語で言えば「静的サイトジェネレーション」の略です。事前にHTMLを生成することでSEO対策になったり、高速でサ…
-
ISR(Incremental Static Regeneration)とは? ユーザーアクセスを起点として動的に静的コンテンツを更新してくれます。 「Stale while revalidation」と言うコンセプトがベース…