ActiveAPI Routes

API Routes Demo

Test the serverless API endpoints. These routes run as edge functions and return JSON data. Try different parameters to filter results.

How API Routes Work

1

Define Routes

Create route.ts files in app/api directory

2

Handle Methods

Export GET, POST, PUT, DELETE functions

3

Return Response

Use NextResponse to return JSON data

GET/api/users

Fetch all users from the API

Filter by role
GET/api/posts

Fetch all blog posts

Filter by category

Code Example

// app/api/users/route.ts
import { NextResponse } from "next/server";

export async function GET(request: Request) {
  const { searchParams } = new URL(request.url);
  const role = searchParams.get("role");
  
  let users = await fetchUsers();
  
  if (role) {
    users = users.filter(u => u.role === role);
  }
  
  return NextResponse.json({
    success: true,
    data: users,
    meta: { total: users.length }
  });
}

export async function POST(request: Request) {
  const body = await request.json();
  const newUser = await createUser(body);
  
  return NextResponse.json({
    success: true,
    data: newUser
  });
}