next partial prerendering

Next.js Частичный презринг

Это демонстрация следующего.js с использованием частичного презринг.

Этот шаблон использует новый маршрутизатор приложения next.js. Это включает в себя поддержку улучшенных макетов, солокацию компонентов, тестов и стилей, извлечение данных на уровне компонентов и многое другое.

Он также использует экспериментальную функцию частичного прерандерирования, доступную в следующем.js 14. Частичное пререндеринг объединяет ультрагированные статические поставки статического края с полностью динамическими возможностями, и мы считаем, что он может стать моделью рендеринга по умолчанию для веб-приложений, объединяя лучшие из статической генерации сайта и динамической доставки.

️ Обратите внимание, что PPR - это экспериментальная технология, которая не рекомендуется для производства. Вы можете столкнуться с некоторыми проблемами DX, особенно на более крупных кодовых базах.

Как это работает

Индексный маршрут / использует частичное презривание через:

1. Включение экспериментального флага в next.config.js .

 experimental : {
    ppr : true ,
} ,

2. Использование <Suspense /> для обертывания динамического контента.