Download next plugin cdn - next plugin cdn Código fonte download

next plugin cdn

Outras categorias

0.1.1 (March 22, 2023)

Baixar

Next.js Plugin CDN

Esta biblioteca é um plug -in para o Next.js que carrega automaticamente seus ativos estáticos para um CDN especificado durante o tempo de construção e configura seu próximo aplicativo.js para usar o prefixo CDN especificado. Isso facilita a configuração e otimização de seus ativos para um melhor desempenho.

Atualmente, ele suporta o Google Cloud Storage, mas o suporte está planejado para outros CDNs como AWS S3, Cloudflare e muito mais no futuro! ?

? Instalação

Instale o pacote usando seu gerenciador de pacotes favorito:

npm install next-plugin-cdn

ou

yarn add next-plugin-cdn

? Uso

Defina as variáveis de ambiente apropriadas para o seu projeto.

Em seu próximo.config.js, importe o plug -in e use -o para configurar seu aplicativo:

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

Agora, durante o processo de compilação, o plug -in carregará seus ativos estáticos para o CDN especificado e configurará seu aplicativo Next.js para usar o prefixo CDN. ?

Opções

A função WithCDN aceita um objeto com as seguintes propriedades:

domain : o domínio do seu CDN. Isso deve ser definido para o valor da variável de ambiente CDN_DOMAIN.
provider : o provedor da CDN que você está usando (por exemplo, Google, AWS, Cloudflare, etc.). Isso deve ser definido para o valor da variável de ambiente CDN_Provider.
bucket : o nome do balde onde seus ativos serão enviados. Isso deve ser definido para o valor da variável de ambiente CDN_BUCKET.
keyFilename : o nome do arquivo de chave JSON usado para autenticação com o provedor da CDN. Isso deve ser definido para o valor da variável de ambiente CDN_KEY_FILENAME.

Essas opções são passadas para o plug -in, que então cuida do upload dos ativos e configurar o prefixo da CDN.