Next.js への llms.txt の追加
公開日:
Next.js なら簡単です。ファイルを https://yoursite.com/llms.txt でプレーンテキストとして配信するだけで済みます。すっきりした方法が 2 つあります。
方法 1 — public/ フォルダ(最もシンプル)
public/ 内にあるものはサイトのルートから配信されます。ファイルを作成し(llms.txt ファイルの作成方法を参照)、public/llms.txt として保存します。
my-app/
public/
llms.txt # served at https://yoursite.com/llms.txt
app/
package.json
コードも設定も不要です。Next.js が自動的に Content-Type: text/plain で配信します。
方法 2 — ルートハンドラ(生成コンテンツ向け)
データ(サイトマップ、CMS、MDX など)からファイルを構築したい場合は、ルートを追加します。App Router では、app/llms.txt/route.ts を作成します。
export function GET() {
const body = "# My App\n\n> Short summary.\n\n## Docs\n- [Start](https://myapp.com/start): Get going\n";
return new Response(body, {
headers: { "Content-Type": "text/plain; charset=utf-8" },
});
}
これらの点に注意
- ルートの場所:
/public/llms.txtやサブパスではなく、必ず/llms.txtで解決される必要があります。 - プレーンテキスト: HTML ではなく
text/plainとして配信してください。 - リライト: ミドルウェアやリライトを使用している場合は、それらが
/llms.txtを横取りしないことを確認してください。
検証する
デプロイしたら、ドメインをバリデータにかけてください。構造と、リンクされた各ページが実際に読み込まれることを確認できます。