Next.js
Comment déployer un site Next.js en tant que page statique gratuitement
Next.js est puissant, mais tous les projets n'ont pas besoin du rendu côté serveur. Si votre site est principalement composé de pages statiques, vous pouvez l'exporter en HTML pur et le déployer n'importe où — y compris sur HTML To Link, qui vous donne une URL publique gratuite en moins d'une minute.
Activer l'export statique dans Next.js
Ajoutez output: 'export' dans votre next.config.mjs. Cela indique à Next.js de générer un site entièrement statique dans le répertoire out/ lorsque vous lancez npx next build.
Pas de routes API, pas de composants serveur avec données dynamiques, pas de middleware — uniquement du HTML, CSS et JavaScript pur qui fonctionne dans n'importe quel navigateur.
- // next.config.mjs
- export default { output: 'export' }
- Puis exécutez : npx next build
- Les fichiers statiques apparaissent dans le répertoire out/
Déployer le répertoire out/
Compressez le dossier out/ en ZIP et uploadez-le sur HTML To Link. Définissez le fichier d'entrée sur index.html. Vous obtenez immédiatement une URL en ligne.
Alternativement, utilisez le serveur MCP avec le flag --next : npx htmltolink-mcp deploy --next. Il gère automatiquement le build et l'upload.
- Manuel : ZIP de out/ → upload → choisir index.html → publier
- CLI : npx htmltolink-mcp deploy --next (build + upload automatiques)
- Agent : dites à Cursor « déploie ce projet Next.js »
Quand l'export statique est un bon choix
Les landing pages, sites de documentation, portfolios, aperçus de blog, pages marketing et front-ends générés par IA sont tous d'excellents candidats.
Si vous avez besoin de SSR, de routes API ou de requêtes en base de données au moment de la requête, restez sur Vercel ou un serveur Node. Pour tout le reste, l'export statique + HTML To Link est le chemin gratuit le plus rapide.
FAQ
Dois-je modifier mon code Next.js ?
Uniquement si vous utilisez des fonctionnalités serveur exclusives (routes API, getServerSideProps, middleware). Les pages utilisant getStaticProps ou des composants purement client fonctionnent telles quelles.
Qu'en est-il des images et des polices ?
Elles sont incluses automatiquement dans le répertoire out/. Assurez-vous simplement d'utiliser des chemins relatifs ou le loader next/image configuré pour l'export statique.
Puis-je mettre à jour le site plus tard ?
Oui. Rebuildez et ré-uploadez vers le même lien. L'URL reste stable au fil des mises à jour.