Descarga next plugin cdn - Descarga del código fuente next plugin cdn

next plugin cdn

Otras categorias

0.1.1 (March 22, 2023)

Descargar

CDN del complemento Next.js

Esta biblioteca es un complemento para Next.js que carga automáticamente sus activos estáticos en una CDN específica durante el tiempo de compilación y configura su aplicación Next.js para usar el prefijo CDN especificado. Esto facilita la configuración y optimización de sus activos para un mejor rendimiento.

Actualmente, es compatible con Google Cloud Storage, pero se planea admitir otras CDN como AWS S3, Cloudflare y más en el futuro. ?

? Instalación

Instale el paquete usando su administrador de paquetes favorito:

npm install next-plugin-cdn

o

yarn add next-plugin-cdn

? Uso

Establezca las variables de entorno adecuadas para su proyecto.

En su next.config.js, importe el complemento y utilícelo para configurar su aplicación:

 // 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 ;

Ahora, durante el proceso de compilación, el complemento cargará sus activos estáticos en la CDN especificada y configurará su aplicación Next.js para usar el prefijo CDN. ?

Opciones

La función withCDN acepta un objeto con las siguientes propiedades:

domain : El dominio de su CDN. Esto debe establecerse en el valor de la variable de entorno CDN_DOMAIN.
provider : el proveedor de CDN que está utilizando (por ejemplo, google, aws, cloudflare, etc.). Esto debe establecerse en el valor de la variable de entorno CDN_PROVIDER.
bucket : el nombre del depósito donde se cargarán sus activos. Esto debe establecerse en el valor de la variable de entorno CDN_BUCKET.
keyFilename : el nombre del archivo de clave JSON utilizado para la autenticación con el proveedor de CDN. Esto debe establecerse en el valor de la variable de entorno CDN_KEY_FILENAME.

Estas opciones se pasan al complemento, que luego se encarga de cargar los activos y configurar el prefijo CDN.