Next.js + SWRでSSG or SSRとCSRを組み合わせて使用する
はじめに 表題通り、Next.js + SWRでSSG or SSRとCSRを組み合わせて使用する方法について書いていこうと思います。 SEOなどのためにSSG or SSRでプリレンダリングはしておきたいが、その後はCSRでデータを更新したい、といったユースケースを想定しています。 SSG/SSR/CSRについて詳しく知りたい方はこちらの記事もご一読ください。 TL;DR getStaticProps or getServerSidePropsで取得した値をSWRConfigのvalueのfallbackオプションに渡すことで、dataが空である初期表示時はgetStaticProps or getServerSidePropsで取得した値にfallbackしてくれます。 実装例 export async function getStaticProps () { // `getStati
Next.js 13.2まとめ
基本的には以下のNext.js 13.2のブログを翻訳してまとめたものになります。 TL;DR ビルトインSEOサポート: 静的、動的にmetaタグを設定するための新しいMetadata API ルートハンドラー: WebのRequestとResponseに基づくカスタムリクエストハンドラー MDXのサーバーコンポーネント対応: マークダウン内部でサーバーサイドのみで動くReactコンポーネントを使用 Rust製MDXパーサー: 全く新しいRust製プラグインによるマークダウンパースの高速化 エラーオーバーレイの改善: 可読性を改善するためにNext.jsとReactのスタックトレースを分離 静的に型付けされたリンク(ベータ): next/linkとTypeScriptによる壊れたリンクの防止 Turbopackのいくつかの改善(アルファ): Webpackローダーとの互換性とサポートを改
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
