تنزيل 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.