Wie next.js App auf Gitlab/Github Seiten bereitstellen?

Question

Ich habe eine pages/index.js, die bei localhost:3000 verfügbar ist, wenn ich lokal next ausführen.

Ich möchte next build && next export ausführen und diese Seite auf Gitlab Pages bereitstellen. Aufgrund der Funktionsweise von Gitlab Pages (oder Github Pages) sollte meine Seite unter https://my-username.gitlab.io/my-nextjs-project/ erreichbar sein. Aber aufgrund dieses Segments /my-nextjs-project/, das in der URL angezeigt wird, konnte ich meine App nicht erfolgreich auf Gitlab Pages bereitstellen.

Wenn dies eine einfache React App wäre, würde ich die output.publicPath in webpack.config.js setzen. Was ist das Analog von output.publicPath in next.js? Oder kennen Sie ein öffentliches Projekt, das auf Gitlab/Github Pages bereitgestellt wird, damit ich deren Konfiguration überprüfen kann?

Vielen Dank!

Answer 1

Fügen Sie auf Ihrer next.config.js AssetPrefix hinzu. Setzen auf assetPrefix up: ‚Test‘ wird alles unter Beweis stellen

module.exports = { 
    // some configuration 
    assetPrefix: isProduction ? '/{reponame}' : '', 
    // another configuration 
} 

hoffe, das hilft, hier ist ein Link von Next.js, wie man es zu veröffentlichen GitHub Seiten. https://github.com/zeit/next.js/wiki/Deploying-a-Next.js-app-into-GitHub-Pages