Problème de build : API inaccessible lors de la génération des pages statiques

Question

Bonjour,
Jusque-là tout fonctionnait bien, mais quand il faut lancer le build pour générer les pages en static, ça plante. Mon API n'est pas retrouvée lors du build. Même si je laisse l'environnement de développement ouvert et que je build dans un nouveau terminal, ça ferme automatiquement mon environnement de développement du coup, impossible d'accéder à mon API sur localhost:3000 .
Du coup impossible de build. Comment faire ?

Louis-Nicolas Leuillet · Answer

Hello Romain
Si ton build plante, c’est généralement parce que tu fais un fetch de ton propre /api pendant next build (dans getStaticProps , generateStaticParams , generateMetadata ou un Server Component statique).
Lors du build, le serveur Next n’est pas lancé, donc localhost:3000 ne répond pas. Même garder le serveur de dev ouvert n’est pas une solution fiable : il peut s’arrêter et, de toute façon, on ne doit pas en dépendre au build.
Dans mon exemple j'utilise bien un appel direct vers "believemy-next-default.europeetc..." pas vers mon api locale.
Comment tu t'y prends ?

Romain Wirth · Answer

J'ai pourtant l'impression d'avoir repris le même code. J'ai ça :
export async function generateStaticParams() {
const response = await fetch(
"https://believemy-next-f86e5-default-rtdb.europe-west1.firebasedatabase.app/articles.json"
);
if (!response.ok) {
throw new Error("Une erreur est survenue");
}
const articles = await response.json();
let posts = [];
for (const key in articles) {
posts.push({ id: key });
}
return posts;
}
Aurais-je fait une erreur quelque part ?

Romain Wirth · Answer

Hello !
Visiblement, c'est le fetch vers localhost:3000 qui se trouve dans la fonction Article qui fait planter le build. Quand je le remplace par l'URL Firebase, ça build correctement. Mais, par contre, sur ton projet, ça fonctionne avec localhost . Est-ce une différence entre Next.js 14 et 15 ?

Louis-Nicolas Leuillet · Answer

Hello !
Oui effectivement c'est bien ce que je disais lors du build localhost:3000 ne répond pas : lors du build moi j'utilise bien firebase dans la vidéo normalement ! :)

Problème de build : API inaccessible lors de la génération des pages statiques

Formation Apprendre NextJS 16 en 2026