サーバーにnext.jsアプリをデプロイする方法

前提・実現したいこと

next.jsでwebアプリを作成し、ローカルホストでブラウザから見れるようにしました。
このアプリをoracleの無料サーバーにアップロードし、ブラウザからIPアドレスを入力し閲覧できるようにしたいです。
サーバーを建て、設定なども行い、/var/www/html/にHTMLファイルを置けばブラウザから閲覧可能な状態になりました。

教えていただきたいこと
1、next.jsのフォルダを置く場所は/var/www/html/であっていますか？
2、上記の1が正しければ、どのような状態(npm run build もよく理解していません)でフォルダを置けば良いですか？
3、その他サーバー上でnext.jsのアプリを動かすために必要なことがあれば教えてください。

試したこと

・/var/www/html/にnext.jsのアプリフォルダをそのままペーストした
・npm run buildした後にnext.jsのアプリフォルダ内の.next フォルダを/var/www/html/にペーストした
・上記の.nextフォルダ内のcache、server、staticフォルダをそれぞれペーストした

補足情報（FW/ツールのバージョンなど）

サーバーはoracle cloudのcentOS7の仮想マシンでWindows10からssh接続しています。
サーバーにはphp、Apache、node.jsはインストール済みです。
node.js : v12.19.0
npm : 6.14.8

next.jsのアプリ作成やlocalhostでの実行はWindows10のPCで行いました。
node.js : v14.13.1
npm : 6.14.8

見当違いなこと、してたらすみません????
回答よろしくお願い致します????‍♂️

行動規範の内容に同意します

回答2件

ベストアンサー

Next.jsアプリをサーバ上で公開する方法は２つあると思います。

①Apatcheで静的サイトとして配信する方法

next build && next exportコマンドでoutディレクトリが生成されるので
それを/var/www/html/に配置すれば良いと思います。

参考
https://nextjs.org/docs/advanced-features/static-html-export

②node.jsで配信する方法

ローカルでnpm run startを実行すると、localhost:3000でアクセスできるのと同様に、
サーバ上でnpm run startを実行すると、xxx.xx.xxx.xxx(サーバのIP):3000でアクセスできるようになります。
※3000ポートを開放している必要があります。
npm run startをデーモン化するのが良いと思います。

参考
https://nextjs.org/docs/deployment のNode.js Server

※ただし、Next.jsの公式でも推奨してあるようにVercel上で公開するのがベターだと思います。
簡単にデプロイできますし、自動で最適化されます。

私は基本これしかしないので①②が間違っていたらすみません。

投稿2020/12/17 01:08