Загрузка next plugin cdn - Загрузка исходного кода next plugin cdn

next plugin cdn

Другие категории

0.1.1 (March 22, 2023)

Скачать

Плагин Next.js CDN

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

В настоящее время он поддерживает Google Cloud Storage, но в будущем планируется поддержка и других CDN, таких как AWS S3, Cloudflare и других! ?

? Установка

Установите пакет, используя ваш любимый менеджер пакетов:

npm install next-plugin-cdn

или

yarn add next-plugin-cdn

? Использование

Установите соответствующие переменные среды для вашего проекта.

В файле next.config.js импортируйте плагин и используйте его для настройки приложения:

 // Import the plugin and pass cdn info and credentials
// for example using env vars:
const withCDN = require ( "next-plugin-cdn" ) . default ( {
  domain : process . env . NODE_ENV === "production" && process . env . CDN_DOMAIN ,
  provider : process . env . CDN_PROVIDER ,
  bucket : process . env . CDN_BUCKET ,
  keyFilename : process . env . CDN_KEY_FILENAME ,
} ) ;


// Then just apply to your nextjs config
/** @type {import('next').NextConfig} */
const nextConfig = withCDN ( {
  output : "standalone" ,
  reactStrictMode : true ,
  swcMinify : true ,
  experimental : {
    appDir : true ,
  } ,
} ) ;

module . exports = nextConfig ;

Теперь, в процессе сборки, плагин загрузит ваши статические ресурсы в указанный CDN и настроит ваше приложение Next.js для использования префикса CDN. ?

Параметры

Функция withCDN принимает объект со следующими свойствами:

domain : Домен вашего CDN. Должно быть установлено значение переменной среды CDN_DOMAIN.
provider : поставщик CDN, который вы используете (например, google, aws, cloudflare и т. д.). Должно быть установлено значение переменной среды CDN_PROVIDER.
bucket : имя корзины, в которую будут загружены ваши ресурсы. Должно быть установлено значение переменной среды CDN_BUCKET.
keyFilename : имя файла ключей JSON, используемого для аутентификации у поставщика CDN. Должно быть установлено значение переменной среды CDN_KEY_FILENAME.

Эти параметры передаются плагину, который затем занимается загрузкой ресурсов и настройкой префикса CDN.