API Routes

Docs

Edge Runtime

Key takeaways:

  • Segment can contain either route.ts or page.ts, but not both
  • Available methods: GET, POST, PUT, PATCH, DELETE, HEAD, and OPTIONS
  • Can be dynamic or static. Static by default. Dynamic when:
    • Using the Request object with the GET method
    • Using any of the HTTP methods other than mentioned above
    • Using Dynamic Functions like cookies() and headers()
    • Dynamic mode enabled in segment config

app/api-routes/[...route]/route.ts

export const runtime = 'edge';
export const revalidate = 20;

export async function GET(request: Request) {
  const { pathname } = new URL(request.url);
  const route = pathname.replace('/api-routes', '');

  let data;

  try {
    const apiHost = `https://jsonplaceholder.typicode.com${route}`;
    const result = await fetch(apiHost);

    data = await result.json();
  } catch (error) {
    return NextResponse.json({ error });
  }

  return NextResponse.json(
    { data },
    {
      headers: { 'Set-Cookie': `lastHit="${new Date().toLocaleTimeString()}"` },
    },
  );
}

export async function POST(request: Request) {
  const data = await request.json();
  const cookie = cookies();

  if (cookie.get('token')?.value !== '123') {
    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
  }

  return NextResponse.json(data, {
    headers: { 'Set-Cookie': `lastHit="${new Date().toLocaleTimeString()}"` },
  });
}