स्थैतिक रूप से निर्यात किए गए Next.js साइट को Cloudflare Pages पर डिप्लॉय करने से असाधारण वैश्विक वितरण, सब-सेकंड डिप्लॉयमेंट समय, और बिल्ट‑इन SSL मिलता है। यहाँ स्थैतिक निर्यातों को सही ढंग से कॉन्फ़िगर करने के व्यावहारिक नोट्स हैं।
Next.js निर्यात मोड को कॉन्फ़िगर करना
Cloudflare Pages आपके बिल्ड आर्टिफैक्ट डायरेक्टरी से सीधे स्थैतिक एसेट्स को होस्ट करता है। next.config.js में output: 'export' निर्दिष्ट करें ताकि next build /out के अंदर एक स्वतंत्र स्थैतिक HTML डायरेक्टरी उत्पन्न करे।
// next.config.js
module.exports = {
output: 'export',
images: {
unoptimized: true, // Required for static HTML exports
},
};बिल्ड कमांड सेटअप
अपने Cloudflare Pages डैशबोर्ड के प्रोजेक्ट सेटिंग्स में, बिल्ड पर्यावरण कॉन्फ़िगरेशन को निम्नानुसार सेट करें:
- बिल्ड कमांड:
npm run build - बिल्ड आउटपुट डायरेक्टरी:
out - Node.js संस्करण:
20.xया उससे अधिक
# Cloudflare automatically runs your custom build script
npm run build # triggers translation generation, then Next.js static buildक्लीन URLs और हेडर निर्देश
Cloudflare Pages स्वाभाविक रूप से क्लीन URL रूटिंग को संभालता है (/slug को /slug/index.html या /slug.html से मैप करता है)। आप अपने /public फ़ोल्डर के अंदर एक _headers फ़ाइल रखकर कैश‑कंट्रोल हेडर, सुरक्षा नीतियां, और एज स्तर पर एसेट संपीड़न को कॉन्फ़िगर कर सकते हैं।