llms.txt Generator
Zurück zu Integrationen

llms.txt in Nuxt einbinden – Anleitung

So bindest du deine llms.txt in Nuxt ein. Nuxt 3 bietet zwei Wege: den statischen über den public-Ordner und den dynamischen über Nitro Server Routes.

Option 1: Statische Datei (empfohlen)

my-nuxt-app/
├── public/
│   ├── llms.txt          ← Deine llms.txt
│   ├── llms-full.txt     ← Optional
│   └── robots.txt
├── server/
├── pages/
└── nuxt.config.ts

Dateien im public/ Ordner werden von Nuxt automatisch im Root bereitgestellt.

Option 2: Nitro Server Route

Für dynamisch generierte Inhalte:

// server/routes/llms.txt.ts
export default defineEventHandler(async () => {
  // Statisch
  const content = `# Meine Website

> Kurze Beschreibung

- [Home](/): Startseite
- [Blog](/blog): Alle Artikel
- [Produkte](/produkte): Produktübersicht`

  return new Response(content, {
    headers: {
      'Content-Type': 'text/plain; charset=utf-8',
      'Cache-Control': 'public, max-age=86400',
    },
  })
})

Dynamisch aus Nuxt Content generieren

Wenn du Nuxt Content verwendest, kannst du die llms.txt aus deinen Markdown-Dateien generieren:

// server/routes/llms.txt.ts
import { serverQueryContent } from '#content/server'

export default defineEventHandler(async (event) => {
  const docs = await serverQueryContent(event).find()

  let content = '# Meine Website\n\n'
  content += '> Automatisch generierte Übersicht\n\n'

  for (const doc of docs) {
    content += `- [${doc.title}](${doc._path})`
    if (doc.description) {
      content += `: ${doc.description}`
    }
    content += '\n'
  }

  return new Response(content, {
    headers: { 'Content-Type': 'text/plain' },
  })
})

Verwandte Themen

Jetzt llms.txt generieren

Kostenlos bis 20 Seiten. Keine Registrierung.

Jetzt starten