Конфликт со страницей в NextJS
В одной папке App Router нельзя одновременно
держать page.jsx и route.js -
фреймворк не сможет выбрать,
что отдавать по адресу. Нужны
два разных сегмента пути.
Давайте покажем страницу списка
по /users, а JSON вынесем
в /api/users. Серверная страница
может быть простой, данные клиент
заберет отдельным запросом:
export default function UsersPage() {
return <h1>Users</h1>;
}
import { users } from '../../users/data';
export async function GET() {
return Response.json(users);
}
Разместите HTML-страницу городов и их JSON-обработчик в разных сегментах адреса, как в уроке.
- /src/
- /app/
- /api/
- /users/
- route.js
- /users/
- /users/
- data.js
- page.jsx
- /api/
- /app/
