「 Next.js 」 一覧
-
Next.jsのrevalidatePathとrevalidateTag
1 はじめに2 前提3 revalidatePathとrevalidateTag3.1 revalidatePath3.2 revalidateTag4 今回の場合5 おすすめ書籍 はじめに Next ...
-
2024/07/08 -FrontEnd
TypeScript, Next.js1 はじめに2 リッチリザルトとは3 構造化データとは4 Next.jsでJSON-LDを実装4.1 JSON-LDデータの作成4.2 JSON-LDデータの埋め込み5 リッチリザルトテスト6 さいご ...
-
1 はじめに2 概要3 使い方4 主な特徴4.1 自動再検証4.2 重複排除4.3 ステート管理5 さいごに6 おすすめ書籍 はじめに 最近、React用ライブラリのSWRを触る機会があったので備忘録 ...
-
1 はじめに2 レンダリング方法の検討3 背景部分のキャプチャ3.1 modern-screenshotの導入3.2 DOMのキャプチャ4 ffmpeg.wasmで画像と動画を合成4.1 ffmpeg ...
-
[Next.js]FirestoreのデータをServer Componentから取得する
1 はじめに2 Next.jsでFirestoreからデータを取得する方法2.1 Client Componentで直接Firestoreから取得2.2 Route Handlerを使ってAPI化し、 ...
-
[Next.js] netlifyからCloudflare Pagesに引っ越してみた
2023/12/11 -FrontEnd
Next.js, Cloudflare, netlify1 はじめに2 netlify vs Cloudflare Pages3 Cloudflare Pagesへのデプロイ4 netlifyでのリダイレクト設定とビルド停止5 さいごに6 おすすめ書籍 は ...
-
Next.jsのMetadataとOGP (with AppRouter)
2023/10/30 -FrontEnd
TypeScript, Next.js1 はじめに2 Metadataとは?3 動的に設定するには4 OGP画像4.1 カスタムフォント5 netlifyへデプロイ6 さいごに7 おすすめ書籍 はじめに 今回はNext.jsでApp Ro ...
-
2023/01/30 -FrontEnd
React, TypeScript, Next.js1 はじめに1.1 なぜNext.jsなのか?2 Next.jsとは何か2.1 Static Site Generation (SSG)2.1.1 Incremental Static Regener ...