Собственный API в NextJS

Страница в App Router живет в файле page.jsx и отдает разметку. Рядом можно положить файл route.js - тогда по тому же сегменту адреса браузер получит не HTML, а данные: текст, JSON или файл.

Такой адрес называют обработчиком маршрута. Внутри экспортируют асинхронные функции с именами HTTP-методов. Для простого чтения достаточно функции GET. Она возвращает объект Response - стандартный ответ в среде Web API.

Давайте заведем каталог hello и положим в него файл route.js с коротким текстовым ответом на английском. По адресу /hello браузер покажет строку без React-разметки:

export async function GET() {
	return new Response('Hello from API');
}

Сделайте по адресу /ping текстовый ответ с другой английской фразой.

/src/
- /app/
  - /hello/
    - route.js