How do I create API routes in Next.js using TypeScript?

How do I create API routes in Next.js using TypeScript?

To create API routes in Next.js with TypeScript, you can create a file in the pages/api directory. For example, pages/api/hello.ts.

What should I include in the API route file?

In the API route file, you should export a default function that takes in req and res parameters. You can then handle requests and send responses.

Can you show me a simple example?

Sure! Here's a simple example:

import { NextApiRequest, NextApiResponse } from 'next';

export default function handler(req: NextApiRequest, res: NextApiResponse) {
  res.status(200).json({ message: 'Hello, World!' });
}

How do I test this API route?

You can test the API route by running your Next.js app and navigating to http://localhost:3000/api/hello in your browser or using a tool like Postman.