
SEO対策のためにSSGを導入しようと思い、その方法をいかにメモしました。
よければ読んでいってください!
SSG(Static Site Generation)は、Next.js の データ取得(データフェッチ)戦略の1つで、ビルド時に HTML ファイルを生成し、それを配信する仕組みです。
以下のコードでnext.js は next export を実行すると、静的HTML/CSS/JS ファイルを生成します。
module.exports = {
output: "export", // 静的サイト (SSG) を生成する
trailingSlash: true, // 各ページに `/` をつける (オプション)
};yarn install # または npm installyarn global add serve # または npm install -g serveyarn build # または npm run build
yarn export # または npm run exportserve out成功すると以下のような画面になります。

coiai
この記事もおすすめ
株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。
主なご相談内容
詳しい会社情報は会社概要ページでご覧いただけます。