NotionNext : un site Next.js qui utilise Notion comme source de contenu
Transformez votre espace de travail Notion en un site Web rapide et personnalisable. Construit avec l'API Next.js + Notion, avec un déploiement multiplateforme et aucun serveur auto-hébergé requis.
En bref
- De quoi s’agit-il ?
- Cet article explique, à partir du README, le modèle de contenu, le parcours de déploiement, les thèmes, le développement local et la licence MIT de NotionNext.
- À qui s’adresse-t-il ?
- Le modèle de NotionNext consiste à garder le contenu dans Notion et à laisser Next.js générer le site. Le README documente un déploiement via Vercel, 26 thèmes, une configuration locale avec Node 22 et Yarn 1, et une licence MIT sans garantie.
- Puis-je l’utiliser commercialement ?
- Oui. MIT est une licence permissive : vous pouvez utiliser, modifier et vendre un logiciel qui en dépend, à condition de conserver les mentions de droit d’auteur et de licence.
- Est-il encore maintenu ?
- Oui. Les derniers commits datent d’il y a 1 jour.
- En quel langage est-il écrit ?
- Principalement JavaScript, d’après les statistiques de langage de GitHub.
Ces réponses reposent sur les données GitHub du projet (dernière synchronisation le 15 septembre 2026) et sur notre analyse. Elles ne constituent pas un avis juridique.
ANALYSE OPEN SOURCE APPROFONDIE
Écrire dans Notion, publier avec Next.js
NotionNext est un système de site web open source construit avec Next.js et l'API Notion. Au lieu de déplacer le contenu dans un CMS séparé, vous gardez les articles, catégories, tags, menus et pages dans Notion. Le projet les transforme en un site web indépendant, consultable, recherchable, personnalisable et exploitable sur le long terme. Le README liste comme publics visés les créateurs, les développeurs indépendants, les designers, les photographes, les auteurs de cours, les mainteneurs open source et les petites équipes. La description du dépôt ajoute qu'aucun serveur auto-hébergé n'est nécessaire, mais le README se concentre sur Vercel pour le déploiement.
Types de sites et points d'entrée recommandés dans le README
Le README contient un tableau associant les objectifs courants à des points d'entrée. Pour un blog personnel, il renvoie au guide Get Started. Pour un portfolio ou une marque personnelle, il recommande de choisir un thème selon l'usage. Pour un site produit ou une page d'atterrissage SaaS, il suggère Starter, Landing ou Proxio. Pour une base de connaissances ou un site de documentation, il suggère GitBook ou Claude. Pour un annuaire ou un hub de ressources, il pointe vers le thème Nav. Le tableau nomme aussi les utilisateurs visés : écrivains, développeurs, étudiants, designers, photographes, indépendants, produits indépendants, startups, petites équipes, projets open source, auteurs de cours, curateurs et opérateurs de communauté. Le README ne revendique aucun chiffre de performance ou d'utilisateurs.
Le parcours de déploiement documenté
Le README décrit un parcours de déploiement en 20 minutes. Il commence par le site d'aperçu des thèmes, puis la duplication du modèle Notion officiel NotionNext, le fork du dépôt sur GitHub, le déploiement avec Vercel, la définition de NOTION_PAGE_ID et d'autres variables d'environnement requises, et enfin la configuration du thème, du domaine, des commentaires, de l'analyse et de la recherche. Les nouveaux utilisateurs sont invités à commencer par le guide Get Started. Les étapes exactes de configuration de Vercel ne figurent pas dans le README lui-même ; elles se trouvent dans le guide utilisateur lié, donc tout détail supplémentaire doit y être vérifié.
26 thèmes intégrés
Selon le README, NotionNext inclut 26 thèmes couvrant les blogs, la documentation, les portfolios, les sites produits, les galeries et les annuaires. Des liens mènent au catalogue de thèmes et à un aperçu en direct. Pour un blog personnel, les thèmes de départ suggérés sont simple, hexo, nobelium et typography. Pour la documentation ou une base de connaissances : gitbook, claude et thoughtlite. Pour un portfolio ou une marque personnelle : opc, proxio, starter et landing. Pour les sites produits : starter, landing et commerce. Pour le contenu photo ou visuel : photo, plog et magzine. Pour un annuaire : nav. La documentation des thèmes se trouve dans le dépôt sous docs/user-guide/themes.
Développement local avec Node 22 et Yarn 1
Le README spécifie Node 22 et Yarn 1 pour le développement local. Il note que Node 20 ne peut pas installer les dépendances actuelles car @ai-sdk/google exige Node >=22. Les commandes documentées sont nvm use || nvm install, npm i -g yarn, yarn et yarn dev. Il liste aussi yarn build pour les builds de production, yarn export pour l'export statique, et yarn docs:site:dev et yarn docs:site:build pour le site de documentation. Aucune configuration spécifique à Windows ni d'autre gestionnaire de paquets n'est mentionné.
Pile technique et fonctionnalités listées dans le README
Le README indique Next.js comme framework, Tailwind CSS pour les styles et react-notion-x pour le rendu. Il liste cinq systèmes de commentaires : Twikoo, Giscus, Gitalk, Cusdis et Utterances. Le déploiement passe par Vercel. Dans la section « Why NotionNext », le README dit que le système est conçu pour une exploitation à long terme et inclut les domaines personnalisés, le SEO, le Sitemap, le RSS, les commentaires, l'analyse, la recherche, la publicité et l'abonnement par e-mail. Il précise aussi que le code source, la configuration et les thèmes vivent dans votre propre dépôt, et que Notion stocke le contenu pendant que le site web gère la publication.
Communauté, gouvernance et licence MIT
Le dépôt est maintenu par notionnext-org. Le README renvoie à un guide communautaire, à un document de vision et de feuille de route, à des directives de contribution, à la gouvernance, aux mainteneurs et à un code de conduite. Il remercie Craig Hart pour avoir lancé le projet Nobelium, sur lequel NotionNext semble être basé. La licence est MIT, copyright tangly1024. Le texte de licence accorde le droit d'utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier et vendre des copies du logiciel, à condition d'inclure l'avis de copyright. Le logiciel est fourni tel quel, sans garantie d'aucune sorte, et la responsabilité est déclinée. Le README contient aussi une déclaration d'utilisation : logiciel gratuit et open source pour l'apprentissage personnel et la publication légale de sites web, et non pour du contenu illégal ou des activités illégales. Le README ne mentionne pas de garantie de support, d'audit de sécurité ou de SLA de déploiement.
Conclusion éditoriale
Le modèle de NotionNext consiste à garder le contenu dans Notion et à laisser Next.js générer le site. Le README documente un déploiement via Vercel, 26 thèmes, une configuration locale avec Node 22 et Yarn 1, et une licence MIT sans garantie. Pour tout détail au-delà de ces documents, il faut consulter le guide utilisateur lié.
Notes de la communauté