Next.js API Routes

Build API endpoints in Next.js.

Creating API Route

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

Access at: `/api/hello`

GET Request

```javascript // 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

```javascript 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

```javascript // 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!