llms.txt toevoegen in Next.js en React projecten

By /

Het toevoegen van een llms.txt-bestand aan je Next.js of React-project is een kleine stap met grote impact: je geeft duidelijk aan hoe AI-modellen en crawlers je site mogen gebruiken. Veel ontwikkelaars weten niet precies waar ze het bestand moeten plaatsen of welke inhoud verstandig is — dat zorgt vaak voor onduidelijkheid tijdens deployment.

In dit artikel leggen we praktisch uit hoe je llms.txt correct toevoegt in Next.js (incl. Vercel) en standaard React-projecten. Je krijgt heldere voorbeelden, concrete stappen en handige checks zodat jouw llms.txt meteen goed bereikbaar en bruikbaar is.

Belangrijk onderdeel 1: Plaatsing en bereikbaarheid

Een llms.txt moet bereikbaar zijn vanaf de webroot, zodat modellen en crawlers het automatisch kunnen vinden. In Next.js en Create‑React‑App komt dat neer op de public-map; bestanden daar worden tijdens build en deployment op de root beschikbaar gemaakt.

Zorg ook voor de juiste Content-Type-header (text/plain) zodat clients het als platte tekst interpreteren. Bij serverless hosts zoals Vercel of Netlify volstaat meestal het plaatsen in de public-map; geen extra servercode nodig.

Praktische tip of verdieping

  • Next.js (alle versies): plaats llms.txt in de map public/. Het bestand is daarna bereikbaar via https://jouwdomein.nl/llms.txt.
  • Create React App: hetzelfde patroon: public/llms.txt → bereikbaar op de root.
  • Wil je compatibiliteit met tools die /.well-known zoeken? Maak een rewrite of plaats een kopie op /.well-known/llms.txt via je hostingconfiguratie.
  • Controleer bereikbaarheid na deployen: open https://jouwdomein.nl/llms.txt en controleer dat je Content-Type: text/plain krijgt.

Belangrijk onderdeel 2: Inhoud en formaat

Er is nog geen universeel afdwingbare standaard, maar een duidelijke, machineleesbare structuur helpt. Gebruik korte sleutel-waarde regels, commentaarregels met een # en een eenvoudige header met contact- en beleidsinformatie.

Houd de regels overzichtelijk: wie mag wat doen, waar contact te vinden is en eventueel een verwijzing naar een privacy- of gebruiksbeleid. Vermijd lange vrije tekst; maak het parsebaar.

Praktische tip of verdieping

  1. Maak een basis-template en pas die per site aan. Voorbeeldbestand: 
    # llms.txt example
Contact: privacy@jouwdomein.nl
Policy: https://jouwdomein.nl/ai-usage-policy
Allow: / public_content
Disallow: /private /checkout
Last-Updated: 2025-09-15
  2. Voeg optioneel metadata toe (versie, datum) zodat crawlers wissen of ze een update moeten ophalen.
  3. Als je gevoelige endpoints hebt, combineer llms.txt met server-side maatregelen (authenticatie, rate limiting) — vertrouw niet alleen op declaraties in llms.txt.
  4. Automatiseer checks in je CI: na build een HTTP-request naar /llms.txt om bereikbaarheid en correcte content-type te valideren.

Praktische check die je direct kunt doen: plaats public/llms.txt in je project, deploy naar je stagingomgeving en open https://staging.jouwdomein.nl/llms.txt. Controleer dat het bestand laadt, de Content-Type text/plain is en dat contact- en policy-URL’s kloppen — pas daarna door naar productie.

Scroll to Top