mkcert + Vite & Next.js : HTTPS local (2026)
Configurez mkcert avec Vite et Next.js pour un HTTPS local de confiance. vite.config.js, next dev --experimental-https, domaines .test et fichier hosts.
Équipe Sleezr

Configurez mkcert une fois, puis branchez les certificats dans Vite ou Next.js.
Installation mkcert (une fois)
brew install mkcert
mkcert -install
mkdir -p certs
mkcert -cert-file certs/local-cert.pem -key-file certs/local-key.pem \
localhost 127.0.0.1 ::1 monprojet.test "*.monprojet.test"Fichier hosts :
127.0.0.1 monprojet.test
127.0.0.1 api.monprojet.testGuide complet : mkcert SSL local sur Mac.
---
Vite + mkcert
// vite.config.js
import { defineConfig } from 'vite';
import fs from 'fs';
import path from 'path';
const certDir = path.resolve(__dirname, 'certs');
export default defineConfig({
server: {
host: 'monprojet.test',
port: 5173,
https: {
key: fs.readFileSync(path.join(certDir, 'local-key.pem')),
cert: fs.readFileSync(path.join(certDir, 'local-cert.pem')),
},
},
});Ouvrez https://monprojet.test:5173.
---
Next.js + mkcert
next dev --experimental-https \
--experimental-https-key ./certs/local-key.pem \
--experimental-https-cert ./certs/local-cert.pemDans package.json :
{
"scripts": {
"dev": "next dev --experimental-https --experimental-https-key ./certs/local-key.pem --experimental-https-cert ./certs/local-cert.pem"
}
}---
Dépannage
| Erreur | Solution |
|---|---|
| NET::ERR_CERT_AUTHORITY_INVALID | mkcert -install, redémarrer le navigateur → [[mkcert-net-err-cert-authority-invalid-mac |
| Nom d’hôte non couvert | Régénérez mkcert avec le nom exact |
Après modification hosts : vider le DNS Mac ou ipconfig /flushdns sous Windows.
Conclusion
mkcert + hosts + Vite/Next.js = HTTPS local comme en production. Générez les certs, mappez les domaines .test, pointez chaque serveur vers les PEM.
Questions fréquentes
Next.js supporte-t-il mkcert nativement ?
Oui - next dev --experimental-https avec --experimental-https-key et --experimental-https-cert pointant vers les fichiers PEM mkcert.
Où est le guide mkcert complet ?
Voir [[https-local-certificat-ssl-mac|mkcert SSL local sur Mac]] - cet article couvre Vite et Next.js.
Articles similaires
Corriger mkcert NET::ERR_CERT_AUTHORITY_INVALID
Corrigez NET::ERR_CERT_AUTHORITY_INVALID avec mkcert sur Mac : CA locale, certificat, domaine exact, Chrome, Firefox et hosts.
Équipe Sleezr
Outils développeurs
mkcert SSL local sur Mac : HTTPS en 2 minutes (2026)
Configurez mkcert ssl local sur Mac : installation, CA de confiance, certificats localhost et .test. Vite, Next.js, Docker + correction NET::ERR_CERT_AUTHORITY_INVALID.
Équipe Sleezr
macOS Sequoia : vider le cache DNS (2026)
Commande exacte pour vider le cache DNS sur macOS 15 Sequoia, vérification avec dscacheutil, cache navigateur et dépannage fichier hosts.
Équipe Sleezr
Outils développeurs
Modifier le fichier hosts Windows 11 24H2 (2026)
Guide hosts Windows 11 24H2 : Smart App Control, accès contrôlé aux dossiers, Bloc-notes admin, PowerShell, ipconfig /flushdns et Clear-DnsClientCache.
Équipe Sleezr
Aide-mémoire DNS & fichier hosts (Mac, Windows, Linux)
Aide-mémoire imprimable : vider le DNS, chemins du fichier hosts, mkcert et cache navigateur pour macOS, Windows 11 et Linux (2026).
Équipe Sleezr
Outils développeurs