Next.js API Routes

Build API endpoints in Next.js.

Creating API Route

// pages/api/hello.js
export default function handler(req, res) {
  res.status(200).json({ message: 'Hello' });
}

Access at: /api/hello

GET Request

// pages/api/users.js
export default async function handler(req, res) {
  if (req.method === 'GET') {
    const users = await fetchUsers();
    res.status(200).json(users);
  }
}

POST Request

export default async function handler(req, res) {
  if (req.method === 'POST') {
    const { name, email } = req.body;
    const user = await createUser(name, email);
    res.status(201).json(user);
  }
}

Dynamic API Routes

// pages/api/users/[id].js
export default function handler(req, res) {
  const { id } = req.query;
  res.json({ userId: id });
}

Remember

• Files in pages/api/
• Handle HTTP methods
• Use for backend logic
• Connect to databases

Next: Learn Server Components!