2017-07-17 4 views
2

私はローカルでnextを実行するとlocalhost:3000で利用できるpages/index.jsを持っています。Gitlab/Github Pagesにnext.jsアプリをデプロイする方法は?

私はnext build && next exportを実行し、このページをGitlabページに展開したいと考えています。 Gitlab Pages(またはGithub Pagesについて)の働きにより、私のページはhttps://my-username.gitlab.io/my-nextjs-project/にアクセスできるはずです。しかし、このセグメント/my-nextjs-project/がURLに表示されているため、私のアプリケーションをGitlab Pagesに正常にデプロイできませんでした。

これは単純なReactアプリケーションであれば、output.publicPathwebpack.config.jsに設定します。 next.jsのoutput.publicPathのアナログは何ですか?あるいは、Gitlab/Github Pagesに公開されている公開プロジェクトを知っていますので、設定を確認できますか?

ありがとうございました!

+0

Gitlabページにアプリをデプロイするために使用している** .gitlab-ci.yml **ファイルを共有できますか? – Ishan

+0

私の遅い返事には申し訳ありません。 Gitlabページへの展開に使用された.gitlab-ci.ymlからの部分です(しかし、最終的に私は上の質問で説明したようにHerokuに展開してしまいます):pages: stage:唯一の公共 - : パス: 成果物を作成は/ usr/src /アプリ/構築の$ CONTAINER_TEST_IMAGE糸ラン:ドッキングウィンドウの実行-i --rm -v $ PWD /パブリック - - ドッキングウィンドウプルの$ CONTAINER_TEST_IMAGE : スクリプトを展開: - master' – awho

答えて

1

次のconfig.jsでassetPrefixを追加します。 assetPrefixにそれを設定する:「試験」の試験の下で、これはここでは、助けGitHubのページにデプロイする方法についてNext.jsからのリンクである

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

希望のすべてを置くだろう。 https://github.com/zeit/next.js/wiki/Deploying-a-Next.js-app-into-GitHub-Pages

+0

ありがとう@ArnavBorborah私はあなたのフィードバックに基づいて私の答えを訂正したと信じています –

関連する問題