Next.js Discord

Discord Forum

can i fetch data in a layout component? im getting this error

Unanswered
American Robin posted this in #help-forum
Open in Discord
American RobinOP
Unhandled Runtime Error

Error: connect ECONNREFUSED ::1:80

20 Replies

American RobinOP
  const response = await axios.get("/api/language");
  console.log(response);


import { NextRequest, NextResponse } from "next/server";

export async function GET(req: NextRequest) {
  return NextResponse.json({
    message: "Hello World",
  });
}
nothing special so far
fuma
You can’t fetch own API endpoints in server components, just invoke the function directly
That’s because route handlers aren’t available at the moment of build pages, so requests will be failed
American RobinOP
uhm
so i have to create a function
and use it in the layout.tsx?
fuma
Yea, like invoking getPosts directly
American RobinOP
oke ill try that
mhm smth still not workin properly
fuma
What do you mean by not working?
American RobinOP
i get the same error
fuma
Impossible unless you misunderstood what I mean, since you’re not using fetch anymore
American RobinOP
still new to api calls etc :(( tryin
wait i can show
what i did
in the layout.tsx:
  const getLanguage = async () => {
    const response = await axios.get("/api/language");
    console.log(response);
  };

  const test = await getLanguage();
  console.log(test);
fuma
As above mentioned:
1. Don’t fetch own api endpoints from server components
2. Axio is no longer recommended, just use the native fetch API