Docusaurus-documentatiesupport

Voeg een AI-chatbot toe aan uw Docusaurus-documentatie in minuten

Een Docusaurus AI-chatbot voor technische schrijvers, DevRel en supportteams. ChattyBox crawlt uw Docusaurus-documentatie, beantwoordt vragen zoals “Hoe configureer ik versiebeheer?” vanuit die pagina's en citeert de bron die hij gebruikte. Geen aangepaste RAG en geen migratie.

Crawlt gepubliceerde documentpagina's

Bronvermelde antwoorden

Ingesloten met één script

Geen documentmigratie vereist

Maak uw chatbot Bekijk prijzen

Geen creditcard vereistJe content blijft van jou

Vraag ChattyBox

Waar moet ik beginnen als ik een betrouwbaar antwoord van deze site nodig heb?

Begin door uw website-URL aan ChattyBox toe te voegen. Het crawlt uw content, beantwoordt vragen vanuit de pagina's die het vindt en toont bezoekers de bronnen achter elk antwoord.

iBronnen3^

Docusaurus gids

chattybox.ai

Analyse

chattybox.ai

Startpagina

chattybox.ai

Stel een vraag...

Aangedreven door ChattyBox

Zelfbedieningsopstelling

Geen verkoopgesprek vereist

Bij sommige AI-ondersteuningstools moet je een demo boeken voordat je het product zelfs maar kunt testen. ChattyBox is zelfbediening: voeg uw site toe, crawl uw documenten, test de chatbot en sluit deze in wanneer u klaar bent.

Traditionele AI-ondersteuningstools

ChattyBox

Traditionele AI-ondersteuningstoolsBoek een demo

ChattyBoxBegin meteen

Traditionele AI-ondersteuningstoolsPrijzen verborgen of verkoopgestuurd

ChattyBoxOpenbare prijzen

Traditionele AI-ondersteuningstoolsOndernemingsgericht

ChattyBoxGebouwd voor documentatiesites, kleine teams, OSS en SaaS

Traditionele AI-ondersteuningstoolsEerst een verkoopgesprek

ChattyBoxTest het eerst zelf

Gebouwd voor Docusaurus-teams

Lanceer een chatbot met bronvermeldingen zonder je documentatiestack opnieuw te bouwen

ChattyBox crawlt je bestaande documentatie, indexeert de content voor retrieval en embedt een chatbot die antwoordt vanuit je documentatie in plaats van generiek modelgeheugen.

Een Docusaurus 3 Root-wrapper laadt de widget één keer voor de levensduur van de clientapplicatie.

De crawlscope kan huidige, versiegebonden, gelokaliseerde of bewust gefilterde documentatieroutes volgen.

Bronvermeldingen sturen lezers terug naar de ondersteunende Docusaurus-pagina en behouden het versie- en localepad.

Het reproduceerbare voorbeeld behandelt het voorkomen van duplicaten, clientnavigatie, CSP en verificatie op routeniveau.

Workflowstap

Kies de productie-sitemap van Docusaurus of een bewuste set huidige, versiegebonden en gelokaliseerde documentatieroutes.

Workflowstap

Crawl de geselecteerde routes en test vragen vervolgens tegen de exacte release en locale die uw bezoekers gebruiken.

Workflowstap

Installeer één blijvende loader in src/theme/Root.tsx en sta de script- en API-origins ervan toe in uw Content Security Policy.

Workflowstap

Navigeer zonder herladen tussen documentatiepagina’s en controleer één widgetinstantie, werkende bronvermeldingen en de afwezigheid van console- of CSP-fouten.

Lancering in drie stappen

Plak uw Docusaurus URL, test de geciteerde antwoorden en installeer vervolgens de widget.

Maak uw chatbot

Getoetst redactioneel bewijs

Een geteste Docusaurus 3-integratie, geen script op routeniveau

Docusaurus rendert een blijvende React-applicatie rond routewijzigingen aan de clientzijde. De geteste Root-wrapper maakt daarom één loader, herkent latere mounts aan de ID en laat de loader staan in plaats van een nog actieve widget te verwijderen tijdens remounts in ontwikkeling.

Technisch auteur: ChattyBox-documentatieteam
Technisch reviewer: ChattyBox-engineeringteam
Laatst bijgewerkt: 2026-07-09
Informatie gecontroleerd: Docusaurus 3.10 en de huidige ChattyBox-widget

Controleer de Root-levenscyclus, sitemapuitvoer en CSP-origins opnieuw na een grote Docusaurus-upgrade of wijziging van het widgetendpoint.

Docusaurus Root-component dat na clientnavigatie een dubbel ChattyBox-script voorkomt — Oorspronkelijke installatiereferentie: de loader heeft een stabiele ID, laadt asynchroon en blijft aanwezig terwijl Docusaurus van route wisselt.

Installatiebeslissingen voor Docusaurus 3 en de bijbehorende end-to-endcontroles.
Docusaurus-aandachtspunt	Implementatiebeslissing	Verificatie
Root- en clientnavigatie	Maak het asynchrone script één keer aan met een stabiele ID. Retourneer geen cleanup vanuit het effect, omdat Root en de widget bedoeld zijn om tussen routes te blijven bestaan.	Open twee interne documentatielinks en bevestig dat document.querySelectorAll("#chattybox-widget").length 1 is.
Content Security Policy	Sta chattybox.ai toe in script-src, de geconfigureerde API-origin in connect-src, fonts.googleapis.com in style-src en fonts.gstatic.com in font-src. De huidige widget injecteert zijn eigen component-CSS, dus een strenge style-src heeft ook 'unsafe-inline' nodig totdat een nonce-bewuste of externe stylesheet-build beschikbaar is.	Herlaad met DevTools geopend en bevestig dat er geen geblokkeerde script-, style-, font-, fetch- of WebSocket-verzoeken zijn.
Versies, locales en sitemapscope	Inspecteer de geïmplementeerde sitemap voordat u crawlt. Neem alleen ondersteunde release- en localepaden op, of gebruik afzonderlijke bronnen wanneer doelgroepen geen antwoorden over andere versies mogen ontvangen.	Stel in elke geïndexeerde locale dezelfde releasespecifieke vraag en controleer of elke bronvermelding het verwachte routeprefix behoudt.
Ontbrekende of dubbele widget	Controleer de API-sleutel, loader-ID, CSP-consoleberichten, scriptrespons en of een andere themacomponent de widget ook injecteert.	Test een productiebuild, niet alleen hot reload, en inspecteer na navigatie de panelen Elements en Network.

Controle van antwoord met bronvermelding

Test een antwoord waarbij het releasepad van belang is

Een nuttige acceptatietest vraagt naar een instelling waarvan het antwoord per release kan verschillen en opent vervolgens de bronvermelding om zowel de claim als de versiegebonden URL te verifiëren.

Stel een vraag aan de Docusaurus-documentatie

Hoe zorg ik dat de nieuwste stabiele documentatie standaard wordt geopend?

Stel in de configuratie van de docs-plug-in lastVersion in op de versie die bezoekers moeten openen en gebruik onlyIncludeVersions wanneer u gepubliceerde releases wilt beperken. Behoud de huidige docs-route alleen als u gebruikers toegang wilt geven tot niet-uitgebrachte documentatie.

iBronnen1^

Versiebeheer van documentatie: configuratie

docusaurus.io/docs/versioning

Stel een vraag...

Aangedreven door ChattyBox

Oorspronkelijke resultaatreferentie: het antwoord noemt de relevante versie-instellingen en toont de officiële versiebeheergids als bewijs.

Primaire bronnen en reproduceerbaar bewijs

Root-component van het Docusaurus-themaOfficiële richtlijnen voor de component op het hoogste niveau die tijdens navigatie niet wordt ge-unmount.Versiebeheer van Docusaurus-documentatieOfficieel gedrag voor huidige documentatie, opgeslagen versies, versiepaden en versieselectie.Internationalisering van DocusaurusOfficiële richtlijnen voor localebuilds en gelokaliseerde URL’s.Docusaurus-sitemapplug-inOfficiële opties voor het genereren en filteren van sitemaps en de wijzigingsfrequentie.Reproduceerbaar Docusaurus 3-voorbeeldMinimale implementatie van Root.tsx en een verificatieopdracht voor dubbele loaders.

Installatiepad

Hoe ChattyBox aan Docusaurus toe te voegen

Maak een Docusaurus-thema Root-component, voeg het widgetscript toe nadat uw documenten zijn geschraapt en implementeer het. Uw bezoekers kunnen vervolgens vanaf elke documentenpagina vragen stellen.

1Maak een ChattyBox project en voer de URL of sitemap van uw Docusaurus-documenten in.
2Test echte Docusaurus-vragen in het dashboard en bevestig dat citaten naar de juiste pagina's verwijzen.
3Voeg het widgetscript toe in src/theme/Root.tsx zodat het op uw documentatiesite wordt geladen.

Maak uw chatbot

src/theme/Root.tsx

tsx

import React, { useEffect, type ReactNode } from 'react';

const WIDGET_ID = 'chattybox-widget';

export default function Root({ children }: { children: ReactNode }) {
  useEffect(() => {
    if (document.getElementById(WIDGET_ID)) return;

    const script = document.createElement('script');
    script.id = WIDGET_ID;
    script.src = 'https://chattybox.ai/widget.js';
    script.async = true;
    script.dataset.apiKey = 'YOUR_API_KEY';
    script.dataset.apiUrl = 'https://adorable-woodpecker-629.convex.site/chat';
    script.dataset.chattyboxWidget = 'true';
    document.body.appendChild(script);
  }, []);

  return <>{children}</>;
}

Hierna verkennen

Meer manieren om ChattyBox te gebruiken

Alle oplossingen verkennen

AI-chatbot voor documentatie

Ontdek hoe door de bron geciteerde antwoorden werken op technische documentatiesites en -platforms.

Openen

Chatbot voor ontwikkelaarsdocumentatie

Help ontwikkelaars installatie-, SDK-, API- en foutvragen uit uw handleidingen sneller op te lossen.

Openen

MkDocs AI-chatbot

Vergelijk dezelfde, door de bron geciteerde workflow voor MkDocs en Material for MkDocs-sites.

Openen

Blader door alle platformgidsen

Vind installatiehandleidingen voor VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo en meer documentplatforms.

Openen

Veelgestelde vragen

Kan ChattyBox een Docusaurus-site crawlen?

Ja. ChattyBox kan openbare Docusaurus-documentatiepagina’s crawlen of een sitemap-URL gebruiken om documentatiecontent te ontdekken.

Moet ik mijn Docusaurus-thema wijzigen?

Nee. Je embedt ChattyBox met een scripttag, dus het werkt naast je bestaande Docusaurus-thema en deployment.

Linken antwoorden terug naar Docusaurus-pagina’s?

Ja. Antwoorden kunnen citaties bevatten die gebruikers terugsturen naar de exacte documentatiepagina’s die voor het antwoord zijn gebruikt.

Kan ik de bot testen voordat ik hem installeer?

Ja. Je kunt gescrapete content in het dashboard testen voordat je de widgetsnippet naar je Docusaurus-site kopieert.

Gratis starten

Geen creditcard vereist. Je content wordt niet gebruikt voor modeltraining.

Maak een gratis chatbot

Gratis niveau. Geen kaart nodig.