Issue on API endpoint

Answered

Mudi posted this in #help-forum

MudiOP

2025-03-11T22:27:03.345Z

Hello, I got my /app/api/test/route.ts and http://localhost:3000/api/test works OK but then I'm trying to make another route on /app/api/hello/route.ts and it doesn't work "404
This page could not be found." & I'm even using an example code from the website

Answered by LuisLl

You have double .

In the /api/hello/route.ts you have route..ts

View full answer

25 Replies

LuisLl

2025-03-11T23:06:43.683Z

Are you exporting the handler the right way?

export async function GET(){
  return NextResponse.json("Hello World!");

@LuisLl Are you exporting the handler the right way? ts export async function GET(){ return NextResponse.json("Hello World!");

MudiOP

2025-03-11T23:08:47.359Z

Yes

import { headers } from 'next/headers'

export async function GET(request: Request) {
    const headersList = await headers()
    const referer = headersList.get('referer')

    return new Response('Hello, Next.js!', {
        status: 200,
        headers: { referer: referer || '' },
    })
}

This is my code

LuisLl

2025-03-11T23:36:42.549Z

Well that's weird ... if the handler is Ok and your folder structure is Ok (is it?) what I would do is deleting the .next folder and run the app again.

@LuisLl Well that's weird ... if the handler is Ok and your folder structure is Ok (is it?) what I would do is deleting the `.next` folder and run the app again.

MudiOP

2025-03-12T00:25:27.703Z

Okay. I’ll try that now

Stills doesn't work

I get GET /api/hello 404 in 89ms

this is my structure

LuisLl

2025-03-12T00:28:33.950Z

You have double .

In the /api/hello/route.ts you have route..ts

Answer

MudiOP