localhost:3000でNext.jsのサーバーを立てたいが、処理が進まない

Question

実現したいこと

localhost:3000で、Nextjsのサーバーを立てたい

発生している問題

コードの実行が進まない

該当のソースコード

$ npx create-next-app my-app --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
$ cd my-app
$ npm run dev

dev
next dev

• ready started server on 0.0.0.0:3000, url: http://localhost:3000
• event compiled client and server successfully in 485 ms (18 modules)

↑ここから処理が進まない

試したこと

• $ yarn dev
• nodeの再インストール
• ターミナルの再起動

これらのことをしても、同じ結果になる

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

node : 18.16.0
npm : 9.5.1

Answer 1

メッセージを見るにビルドインサーバの立ち上げには成功してると思います。コマンドを叩いてその状態で止まるのが正しい挙動です。あとは立ち上がってるサーバにアクセスするだけです。

どういう環境で作業してるかにより対応が変わりますが、 PCのローカル内に環境を作ってやってるのなら、そのまま普通にWEBブラウザで http://localhost:3000 を叩けばアクセスできるはずです（セキュリティソフトなどの妨害などあるかもですが）。

PC内の仮想環境（Virtual Boxなど）で構築してるのなら、http://[仮想環境のIPアドレス]:3000 でアクセスできると思います（UTMなどで3000番ポートが塞がってなければ）

VPSなりクラウドなりでやってるのであれば、http://[VPS等のIPアドレス]:3000 でアクセスするか、nginxなどのリバースプロキシをかますなどしてもう一作業必要になると思います。

参考）
https://qiita.com/tomy0610/items/7ba02d9fb21d927a6308

Comments

[reyalka]

回答ありがとうございます。
PCのローカル内で環境を作っていましたが、これが正常な動作だったようです。そのままhttps://localhost:3000に移動したら、無事にCreate Next Appが開きました。