next plugin cdn Download - ดาวน์โหลดซอร์สโค้ด 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 -

ตัวเลือก

ฟังก์ชั่น WINTCDN ยอมรับวัตถุที่มีคุณสมบัติต่อไปนี้:

domain : โดเมนของ CDN ของคุณ ควรตั้งค่าเป็นค่าของตัวแปรสภาพแวดล้อม CDN_DOMAIN
provider : ผู้ให้บริการ CDN ที่คุณใช้ (เช่น Google, AWS, CloudFlare ฯลฯ ) ควรตั้งค่าเป็นค่าของตัวแปรสภาพแวดล้อม CDN_Provider
bucket : ชื่อของถังที่จะอัปโหลดสินทรัพย์ของคุณ ควรตั้งค่าเป็นค่าของตัวแปรสภาพแวดล้อม CDN_Bucket
keyFilename : ชื่อของไฟล์คีย์ JSON ที่ใช้สำหรับการตรวจสอบความถูกต้องกับผู้ให้บริการ CDN ควรตั้งค่าเป็นค่าของตัวแปรสภาพแวดล้อม CDN_KEY_FILENAME

ตัวเลือกเหล่านี้จะถูกส่งผ่านไปยังปลั๊กอินซึ่งจะดูแลการอัปโหลดสินทรัพย์และกำหนดค่าคำนำหน้า CDN