assetPrefix

Внимательно: Развёртывание на Vercel автоматически настраивает глобальную CDN для вашего проекта Next.js. Вам не нужно вручную настраивать префикс для ресурсов.

Важно знать: Next.js 9.5+ добавлена поддержка настраиваемого Базового пути, который лучше подходит для размещения приложения по подпути, например, /docs. Мы не рекомендуем использовать пользовательский префикс для ресурсов в этом случае.

Для настройки CDN можно настроить префикс для ресурсов и настроить происхождение CDN для разрешения домена, на котором размещён Next.js.

Откройте next.config.js и добавьте конфигурацию assetPrefix.

const isProd = process.env.NODE_ENV === 'production'
 
module.exports = {
  // Use the CDN in production and localhost for development.
  assetPrefix: isProd ? 'https://cdn.mydomain.com' : undefined,
}

Next.js будет автоматически использовать ваш префикс для ресурсов JavaScript и CSS, загружаемых из /_next/ пути (папка .next/static/). Например, с указанной выше конфигурацией, следующий запрос на фрагмент JS:

/_next/static/chunks/4b9b41aaa062cbbfeff4add70f256968c51ece5d.4d708494b3aed70c04f0.js

Вместо этого станет:

https://cdn.mydomain.com/_next/static/chunks/4b9b41aaa062cbbfeff4add70f256968c51ece5d.4d708494b3aed70c04f0.js

Точная конфигурация для загрузки ваших файлов в заданную CDN будет зависеть от выбранной вами CDN. Единственная папка, которую вам нужно разместить на вашей CDN, — это содержимое .next/static/, которое должно быть загружено как _next/static/, как это указывает запрос URL выше. Не загружайте остальную часть папки .next/, так как вам не следует предоставлять общедоступность кода вашего сервера и других настроек.

Хотя assetPrefix охватывает запросы к _next/static, он не влияет на следующие пути:

• Файлы в папке public; если вы хотите предоставить эти ресурсы через CDN, вам нужно будет добавить префикс самостоятельно