はじめに

前提条件

  • Node.js 18+ または 20+(プロジェクトローカルバージョンを使用)

  • npm (Node.js に同梱)

インストール

cd ~/Projects/fgai/www
npm install

環境変数

サンプルファイルをコピーし、必要に応じて編集してください:

cp .env.example .env.local

変数

デフォルト値

説明

STRAPI_URL

http://localhost:1337

Strapi CMS のベース URL

NEXT_PUBLIC_SITE_URL

http://localhost:3000

公開サイト URL(SEO 用)

ローカルでの実行

モック Strapi サーバーと Next.js 開発サーバーの 2 つのプロセスが必要です。

ターミナル 1 --- モック Strapi:

node scripts/mock-strapi.mjs

ポート 1337 で軽量な API サーバーが起動し、20 件の記事(9 件の機能紹介記事 + 11 件のエッジケーステスト記事)、1 カテゴリ、16 タグ、1 著者を配信します。詳細は シーディングとテスト を参照してください。

ターミナル 2 --- Next.js:

npm run dev

ブラウザで http://localhost:3000 を開いてください。ミドルウェアが /en (またはブラウザの優先ロケール) に自動的にリダイレクトします。

テストの実行

# Run once
npm test

# Watch mode
npm run test:watch

リント

npm run lint

利用可能な npm スクリプト

スクリプト

説明

dev

Next.js 開発サーバーを起動(ポート 3000)

build

本番ビルド

start

本番サーバーを起動

lint

ESLint を実行

test

Vitest を 1 回実行

test:watch

Vitest をウォッチモードで実行