localhost とは？

Web開発で一番よく使うよ。「npm run dev」でローカル開発サーバーを起動すると「http://localhost:3000」でアクセスできる。サーバーにデプロイする前に自分のPCで動作確認する。localhost:8080がAPIサーバー、localhost:5432がPostgreSQLのようにポート番号で使い分けるんだ

基本的に同じだけど微妙な違いがあるよ。localhostはhostsファイルで名前解決され、127.0.0.1はIPv4のループバックアドレス。一部のソフトウェアではlocalhostをIPv6（::1）に解決することがあり、IPv4しか対応していないサービスに接続できないトラブルが起きることがあるよ

localhostは外部からアクセスできないよ。同じネットワーク内の他のPCからアクセスするには、開発サーバーを 0.0.0.0（全インターフェースでリッスン）で起動して、自分のローカルIPアドレス（192.168.x.x）を使う。ngrokやCloudflare Tunnelを使えばインターネット経由のアクセスも可能だよ

localhostだからではなく、オリジンが異なるから起きるよ。localhost:3000（フロント）→localhost:8080（API）は異なるオリジン（ポートが違う）なのでCORSエラーになる。開発用にAPIサーバーのCORS設定でlocalhost:3000を許可するか、プロキシ設定（next.config.jsのrewrites等）で同一オリジンに見せかけるのが一般的だね