Next.js - lesson 5 | HackIndia Skills | HackIndia

Next.js - lesson 5 | HackIndia Skills | HackIndia

Example

Simple GET route

Add this file to your project. It returns JSON that your judge, frontend, or phone browser can open.

// app/api/status/route.ts

export async function GET() {
  return Response.json({
    ok: true,
    app: "HackIndia demo",
    message: "API route is working",
  });
}

Example

POST for form data

Use POST when the browser sends data to your server. This example accepts a team name for a hackathon project and returns a small response.

This does not save to a database yet. It proves that your app can receive JSON and respond from the server.

// app/api/teams/route.ts

type TeamRequest = {
  teamName?: string;
};

export async function POST(request: Request) {
  const body = (await request.json()) as TeamRequest;

  if (!body.teamName) {
    return Response.json(
      { error: "teamName is required" },
      { status: 400 }
    );
  }

  return Response.json({
    saved: true,
    teamName: body.teamName,
  });
}