next app router playground

Next.js App Router Playgrouge

Next.js недавно представил маршрутизатор приложения с поддержкой:

• Макеты: легко делиться пользовательским интерфейсом при сохранении состояния и избегая повторных ресурсов.
• Компоненты сервера: выполнение сервера по умолчанию для наиболее динамичных приложений.
• Потоковая передача: отображать мгновенные состояния загрузки и потоковую передачу в обновлениях.
• Приостановка для извлечения данных: async / await Support и use Hook для извлечения на уровне компонента.

Маршрутизатор приложения может сосуществовать с существующим каталогом pages для постепенного принятия. В то время как вам не нужно использовать маршрутизатор приложения при обновлении до next.js 13, мы закладываем основы для создания сложных интерфейсов при доставке меньшего количества JavaScript.

Бег на местном уровне

1. Установить зависимости:

pnpm install

2. Запустите Dev Server:

pnpm dev

Документация

https://nextjs.org/docs