Démarrage rapide

3 étapes : installer la lib, connecter votre outil d'IA, créer votre première page. Environ 5 minutes. Ce guide utilise Next.js (App Router).

Il vous faut un site web Flocon AI. Créez-le sur /app/websites.

1. Installez la lib

npm install @flocon-ai/next

Copiez votre token du site web depuis /app/tokens. Ajoutez-le à .env.local :

.env.local
FLOCON_TOKEN=<token du site web>

Ne commitez jamais le token. Il est en lecture seule, mais c'est quand même un secret.

Créez une route catch-all. Elle sert toutes les pages Flocon :

app/[...slug]/page.tsx
import { FloconPage } from "@flocon-ai/next"

export const dynamic = "force-dynamic"

export default async function Page({
params,
}: {
params: Promise<{ slug: string[] }>
}) {
const { slug } = await params
return <FloconPage path={"/" + slug.join("/")} />
}

FloconPage lit la page à chaque requête. Une page que vous publiez apparaît à la visite suivante. Sans dynamic = "force-dynamic", Next.js peut construire la route une seule fois.

Besoin d'une autre langue que celle par défaut ? Passez-la : <FloconPage path="/guides/seo" locale="fr" />. Il n'y a pas de repli vers une autre langue.

2. Connectez votre outil d'IA

  1. Copiez votre token MCP depuis /app/tokens.

  2. Ajoutez le serveur MCP à votre outil.

    • Application Claude (web, bureau, mobile) ou ChatGPT : ajoutez un connecteur personnalisé. Le token va dans l'URL : https://mcp.flocon-ai.com/<token>.
    • Claude Code : lancez cette commande. Le token va dans un en-tête.
claude mcp add --transport http flocon-ai https://mcp.flocon-ai.com --header "Authorization: Bearer <token>"

Cursor, VS Code, Windsurf, Codex, Gemini CLI et plus : voir Connecter le serveur MCP.

  1. Demandez à votre outil d'IA : « Appelle get_website de Flocon AI. » Vous devez voir le nom de votre site web, ses langues et votre offre.

3. Créez votre première page

Demandez à votre outil d'IA, par exemple :

Crée une page sur /vs/notion sur mon site web Flocon AI.
Compare mon produit avec Notion. Ajoute un tableau comparatif et une FAQ.
Publie-la.

L'IA appelle create_page. Ouvrez ensuite /vs/notion sur votre site web. La page est là.

Programmez une page. Demandez : « Publie-la le 2026-11-15. » La page passe en ligne à cette date. Elle utilise une place publiée dès maintenant, et les visiteurs reçoivent une 404 d'ici là.

Suite

Mis à jour