Guide

Guide

Votre site est configuré et prêt - place au travail quotidien. Dépliez n'importe quel thème ci-dessous pour voir comment le contenu circule dans Stardrive et quelles options débloquent les fonctionnalités les plus puissantes.

Rédiger des articles de blogDes fichiers Markdown avec un frontmatter puissant

Chaque article de blog est un fichier Markdown dans ./src/content/articles/ (organisé par langue). Le frontmatter débloque les fonctionnalités spéciales :

Options du frontmatter

titlestringobligatoire
Le titre de l'article.
publishDatedateobligatoire
La date de publication, utilisée pour le tri et l'affichage.
updateDatedate
Une date optionnelle de « dernière mise à jour ».
excerptstring
Un court teaser utilisé dans les listes et les aperçus.
draftbooleanspécial
Garde l'article hors des builds de production pendant que vous travaillez dessus.
featuredbooleanspécial
Met l'article en avant partout où les articles à la une sont affichés.
llmsTxtbooleanspécial
Inclut l'article dans le llms.txt généré (lorsque addArticles vaut selected dans la configuration du thème).
externalCanonicalstringSEO
Pointe l'URL canonique ailleurs - idéal pour le contenu republié.
slugstring
Un slug personnalisé plus propre. Incluez le code de langue, p. ex. fr/mon-article.
i18nSlugobject
Nécessaire uniquement quand le nom de fichier diffère selon la langue. Associez chaque langue à son slug, p. ex. { de: "de/mein-post", en: "en/my-post" }.
image.filecheminlocale
Une image principale locale, optimisée au build. Référencez-la via l'alias @images/…, p. ex. @images/content/articles/webmcp.jpg (recommandé).
image.urlstringexterne
Une URL d'image principale externe comme alternative au fichier local.
image.altstring
Texte alternatif pour l'image principale.
tagsstring[]
Des tags pour le filtrage et le contenu associé.
categoriesstring[]
Les catégories auxquelles l'article appartient.
authorobject
Auteur avec name et url optionnelle.
tocDepthnumber
Combien de niveaux de titres la table des matières inclut.
src/content/articles/fr/webmcp-change-la-donne.md
---
title: "Comment WebMCP change la donne"
publishDate: 2026-01-15
excerpt: "Un court teaser pour les listes et les aperçus."
draft: false
featured: true
slug: "fr/webmcp-change-la-donne"
externalCanonical: "https://example.com/article-original"
image:
file: "@images/content/articles/webmcp.jpg" # locale, optimisée (recommandé)
# url: "https://cdn.example.com/webmcp.jpg" # alternative externe
alt: "Illustration d'un agent IA utilisant des outils"
tags: ["ai", "webmcp"]
categories: ["engineering"]
---
Le corps en Markdown va ici.

Faites des commits depuis n'importe où

Comme les articles ne sont que des fichiers, un autre système peut faire un commit de Markdown dans votre dépôt - chaque push déclenche un nouveau build.

Option CMS headless

Vous pouvez récupérer les articles dynamiquement depuis un CMS headless comme Directus ou Strapi, mais cela demande des ajustements plus importants de la couche de contenu.

Intégrer des vidéos YouTube

Collez une URL YouTube sur sa propre ligne dans le corps Markdown et Stardrive la convertit en un intégration responsive respectueuse de la vie privée (sans cookies). Les liens youtube.com/watch?v=… et youtu.be/… sont pris en charge, et les paramètres optionnels t, list et title sont transmis. La langue du visiteur est automatiquement utilisée pour la langue des sous-titres (cc_lang_pref).

Écrivez l'URL sans le préfixe https://www - une URL complète (p. ex. https://www.youtube.com/watch?v=…) est traitée comme un lien externe normal au lieu d'une intégration.

Ajouter des entrées de FAQComme les articles de blog, mais plus courtes

Les réponses de la FAQ vivent dans ./src/content/faq-answers/ sous forme de fichiers Markdown - la même idée que les articles de blog, mais avec un schéma léger. La question devient le titre et le corps Markdown est la réponse.

Options du frontmatter

questionstringobligatoire
Le texte de la question affiché dans l'accordéon.
categorystring
Regroupe l'entrée pour pouvoir la filtrer sur la page FAQ.
publishDatedate
Une date de publication optionnelle.
updateDatedate
Une date optionnelle de « dernière mise à jour ».
draftbooleanspécial
Masque l'entrée dans les builds de production.
llmsTxtbooleanspécial
Inclut l'entrée dans le llms.txt généré.
src/content/faq-answers/fr/self-hosting.md
---
question: "Puis-je héberger Stardrive moi-même ?"
category: "general"
draft: false
---
Absolument. Stardrive produit un site statique par défaut et fonctionne sur n'importe quel hébergeur.
Ajouter des intégrationsMontrez comment votre produit se connecte à d'autres services

Quand l'utiliser

Utilisez la section intégrations lorsque votre produit peut être utilisé ou combiné avec d'autres services - pensez aux automatisations, à la synchronisation de données ou aux connecteurs natifs. Elle offre aux visiteurs un catalogue navigable.

Structure

Le contenu vit dans ./src/content/integration-options/. Pensez catégorie d'abord, puis services : le champ typeest la catégorie - il regroupe les entrées et pilote en même temps le routage (p. ex. native, zapier, make, n8n). Chaque service est ensuite son propre fichier Markdown au sein de cette catégorie.

Options du frontmatter

typestringobligatoire
La catégorie à laquelle le service appartient - aussi utilisée pour le routage, p. ex. native, zapier, make.
servicestringobligatoire
Le nom du service, p. ex. Google Sheets.
titlestringobligatoire
Le titre de l'intégration.
descriptionstring
Une brève description de l'intégration.
urlstring
Lien vers les détails ou la page de configuration de l'intégration.
publishDatedate
Une date de publication optionnelle.
updateDatedate
Une date optionnelle de « dernière mise à jour ».
draftbooleanspécial
Masque l'entrée dans les builds de production.
slugstring
Un slug personnalisé plus propre. Incluez le code de langue, p. ex. fr/google-sheets.
i18nSlugobject
Nécessaire uniquement quand le nom de fichier diffère selon la langue, p. ex. { de: "de/…", en: "en/…" }.
logo.filechemin
Le logo du service via l'alias @images/… (utilisez un SVG comme fichier compatible avec les composants).
logo.urlstring
Une URL de logo externe comme alternative au fichier local.
logo.altstring
Texte alternatif pour le logo.
src/content/integration-options/fr/google-sheets.md
---
type: "native"
service: "Google Sheets"
title: "Synchroniser des données vers Google Sheets"
description: "Envoyez des enregistrements dans une feuille de calcul en temps réel."
url: "https://example.com/integrations/google-sheets"
logo:
file: "@images/content/integration-options/google-sheets.svg"
alt: "Logo Google Sheets"
---

Même service dans plusieurs catégories

Un service peut apparaître sous plus d'un type (catégorie) - créez simplement un fichier Markdown par catégorie. Dans ce cas, les fichiers doivent avoir des noms de fichier différents, sinon les entrées entrent en collision. Donnez à chacun un nom distinct (ou utilisez un nom de fichier haché plus un slug personnalisé).

Grilles tarifairesPaliers flexibles, taxes et périodes de facturation

Pas encore implémenté

La grille tarifaire est sur la feuille de route. Cette section explique le modèle prévu pour que vous puissiez anticiper.

Vous pourrez définir des prix différents par palier - mensuel, annuel età vie - et les afficher avec ou sans taxes. La présentation est entièrement configurable, c'est donc vous qui décidez de ce que voient les clients.

Mensuel

Annuel

À vie

Récupérer les tarifs dynamiquement

Nous recommandons de récupérer ces données depuis un backend qui dialogue avec un fournisseur comme Stripe ou Paddle. Ainsi, les taxes peuvent être affichées dynamiquement selon la localisation du visiteur.

ÉvénementsÉvénements en Markdown, ou reflétés depuis Add to Calendar PRO

Les événements fonctionnent comme les articles de blog : des fichiers Markdown dans ./src/content/events/, prêts pour l'i18n, avec des boutons « Ajouter au calendrier » en un clic, des fuseaux horaires et des pages de détail riches.

Options du frontmatter

titlestringobligatoire
Le titre de l'événement.
publishDatedateobligatoire
La date de publication, utilisée pour le tri et l'affichage.
startDatedateobligatoire
Quand l'événement commence.
endDatedateobligatoire
Quand l'événement se termine.
updateDatedate
Une date optionnelle de « dernière mise à jour ».
descriptionstring
Brève description pour l'événement partageable (utilisez le corps Markdown pour plus de détail).
allDayboolean
Marque l'événement comme durant toute la journée.
timeZonestring
Un fuseau horaire IANA valide, p. ex. Europe/Paris.
locationstring
Où l'événement a lieu.
organizerobject
Organisateur avec name et email.
rrulestring
Une règle de récurrence, p. ex. FREQ=WEEKLY;BYDAY=MO,WE,FR.
icsFilestring
Pointez vers un fichier .ics statique au lieu d'en générer un dynamiquement.
slugstring
Un slug personnalisé plus propre. Incluez le code de langue, p. ex. fr/mon-evenement.
i18nSlugobject
Nécessaire uniquement quand le nom de fichier diffère selon la langue, p. ex. { de: "de/…", en: "en/…" }.
draftbooleanspécial
Garde l'événement hors des builds de production pendant que vous travaillez dessus.
llmsTxtbooleanspécial
Inclut l'événement dans le llms.txt généré.
image.filecheminlocale
Une image locale, optimisée au build, via l'alias @images/….
image.urlstringexterne
Une URL d'image externe comme alternative au fichier local.
image.altstring
Texte alternatif pour l'image.
src/content/events/fr/ai-webinar.md
---
title: "Webinaire en direct : construire pour l'ère de l'IA"
publishDate: 2026-02-01
startDate: 2026-02-20T17:00:00
endDate: 2026-02-20T18:00:00
timeZone: "Europe/Paris"
location: "En ligne"
description: "Rejoignez une session pratique avec notre équipe produit."
organizer:
name: "Équipe Stardrive"
email: "events@example.com"
# rrule: "FREQ=WEEKLY;BYDAY=WE" # récurrence optionnelle
image:
file: ./webinar.jpg
alt: "Visuel du webinaire"
---
Une description riche en Markdown de l'événement.

Reflétez depuis Add to Calendar PRO

Alternativement, connectez Add to Calendar PROavec un filtre sur un groupe d'événements précis. Les événements sont alors reflétés dynamiquement dans la page - l'équipe marketing peut effectuer des changements dans l'application web sans aucun redéploiement.

Parfait pour les webinaires, les événements d'entreprise et les calendriers de relations investisseurs.