【Next.js】APIでPOSTメソッドを実行したいです。

◻︎困っていること
Next.jsでAPI POSTができず困っています。ぜひお力を貸していただければと思います。
細かいコードの内容に関しては、マッチングしてから共有させていただきたいです。

[エラー内容]
POSTを実行すると、下記エラーが出てJSONを送信できない。
POST http://back:8080/card/ net::ERR_NAME_NOT_RESOLVED

◻︎自分の考え
Next.jsのpages配下のファイルで、下記のようなコードで新しい情報をJSONで送信できるようにしました。
(下記コードの変数名などは、実物と若干異なります。)

export default function NewPost() {
const createPost = async () => {
await fetch("http://back:8080/user/", {
method: "POST",
body: JSON.stringify({
user: {
user_entity: { name: "test" },
account: { invited_user_num: 0 },
　　（以下省略）
credentials: {
email: "test@gmail.com",
password: "password",
},
}),

headers: {
"Content-Type": "application/json",
},
}).then((res) => {
alert("ユーザーの作成に成功しました");
});

◻︎補足
・dockerを使用していて、バックエンドとフロントエンド のコンテナがあります。
・守秘義務を守れる方でお願いします！