Next.js Discord

Discord Forum

Cannot Modify Headers in Prod

Unanswered
Russo-European Laika posted this in #help-forum
Open in Discord
Russo-European LaikaOP
what's the proper way to do this in NextJS?
import { headers } from "next/headers"

export async function getLinkedAccount() {
  const options = { cache: "no-store", headers: headers() }
  const linkedAccount = await fetch(`${HOST}/api/user`, options)

  return linkedAccount.json()
}

headers() is causing an error in prod, Cannot modify headers...

3 Replies

// Example POST method implementation:
async function postData(url = "", data = {}) {
  // Default options are marked with *
  const response = await fetch(url, {
    method: "POST", // *GET, POST, PUT, DELETE, etc.
    mode: "cors", // no-cors, *cors, same-origin
    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
    credentials: "same-origin", // include, *same-origin, omit
    headers: {
      "Content-Type": "application/json",
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: "follow", // manual, *follow, error
    referrerPolicy: "no-referrer", // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
    body: JSON.stringify(data), // body data type must match "Content-Type" header
  });
  return response.json(); // parses JSON response into native JavaScript objects
}

postData("https://example.com/answer", { answer: 42 }).then((data) => {
  console.log(data); // JSON data parsed by `data.json()` call
});