📦 CDNMX Repository

CDNMX রিপোজিটরিতে স্বাগতম। এই রিপোজিটরিতে সকল প্রকার স্ট্যাটিক অ্যাসেট (CSS, JS, JSON, Images, Fonts, Audio, Video ইত্যাদি) সংরক্ষিত থাকবে, যা GitHub Pages / Cloudflare Pages CDN এর মাধ্যমে যেকোনো প্রজেক্টে দ্রুত লোড করা যাবে।

---

🌟 বৈশিষ্ট্য (Features)

• গ্লোবাল CDN: GitHub/Cloudflare Pages-এর মাধ্যমে বিশ্বব্যাপী দ্রুত ডেলিভারি।
• ক্যাশ বাস্টিং (Cache Busting): ফাইল নেমে ভার্সনিং (যেমন: v1.0.0) ব্যবহার করায় ব্রাউজার ক্যাশ নিয়ে কোনো সমস্যা হয় না।
• নির্ভরযোগ্য: হাই-অ্যাভেইলিবিলিটি এবং স্থিতিশীল (Stable) ফাইল হোস্টিং।
• সহজ ব্যবহার: সরাসরি HTML, CSS বা JavaScript-এ লিঙ্ক ব্যবহারযোগ্য।

---

🚀 ব্যবহারবিধি (Usage)

সকল অ্যাসেট অ্যাক্সেস করার জন্য প্রধান বেস ইউআরএল (Base URL) হলো:

https://cdnmx.pages.dev/

দ্রষ্টব্য: CDNMX হলো আপনার রিপোজিটরির নাম। এটি আপনার URL অনুযায়ী পরিবর্তন হতে পারে।

---

উদাহরন (Examples)

🎨 CSS ফাইল লোড করা:

<link rel="stylesheet" href="https://cdnmx.pages.dev/assets/css/mubarok-style.v1.0.0.css">

⚡ JavaScript ফাইল লোড করা:

<script src="https://cdnmx.pages.dev/assets/js/mubarok-app.v1.0.0.js"></script>

🖼️ ছবি (Image) ব্যবহার:

<img src="https://cdnmx.pages.dev/assets/images/hero/mubarok-hero.v1.0.0.webp" alt="Hero Image">

🖋️ ফন্ট (Font) ব্যবহার (CSS এ):

এটি Noto Serif Bengali ফন্ট ব্যবহারের একটি দ্রুত উদাহরণ।

/* আপনার style.css ফাইলের শুরুতে এটি যোগ করুন 
*/
@import url('https://cdnmx.pages.dev/assets/fonts/noto_serif_bengali/font.css');

/* সাইটের প্রধান এলিমেন্টগুলোতে ফন্টটি প্রয়োগ করুন 
*/
body, h1, h2, h3, p, a, span, div {
  font-family: 'Noto Serif Bengali', Arial, sans-serif;
}

---

🗂️ অ্যাসেট ক্যাটাগরি (Asset Categories)

এই রিপোজিটরিতে নিম্নলিখিত ধরনের অ্যাসেট হোস্ট করা হয়:

• 🎨 CSS: স্টাইলশীট এবং ফ্রেমওয়ার্ক (.css)
• ⚡ JS: জাভাস্ক্রিপ্ট লাইব্রেরি এবং স্ক্রিপ্ট (.js)
• 🖼️ Images: লোগো, হিরো ব্যানার, আইকন এবং থাম্বনেইল (.webp, .jpg, .png, .svg)
• 🖋️ Fonts: কাস্টম ওয়েব ফন্ট (.woff2, .css)
• 📹 Video: প্রোমো এবং ব্যাকগ্রাউন্ড লুপ (.mp4, .webm)
• 🎧 Audio: নোটিফিকেশন সাউন্ড এবং অডিও ক্লিপ (.mp3)
• 📄 JSON: ডেটা ফাইল এবং ম্যানিফেস্ট (.json, .webmanifest)
• ✨ Sprites: SVG স্প্রাইটশীট (.svg)

---

💡 ব্যবহারের নির্দেশিকা (Usage Guidelines)

সর্বোত্তম পারফরম্যান্স এবং স্থিতিশীলতা নিশ্চিত করতে:

• **১. ভার্সনিং ব্যবহার করুন: সর্বদা ফাইলের নামের নির্দিষ্ট ভার্সন (যেমন: style.v1.0.1.css) ব্যবহার করুন। latest বা ভার্সনবিহীন ফাইল ব্যবহার করা থেকে বিরত থাকুন, কারণ এতে ব্রেকিং চেঞ্জ আসতে পারে।
• **২. সঠিক ফরম্যাট বাছুন: ছবির জন্য WebP ফরম্যাট ব্যবহার করুন যেখানে সম্ভব, কারণ এটি ভালো কম্প্রেশন এবং কোয়ালিটি প্রদান করে।
• **৩. অ্যাসিঙ্ক্রোনাস লোডিং: পেজ লোড স্পিড বাড়ানোর জন্য defer বা async অ্যাট্রিবিউটসহ জাভাস্ক্রিপ্ট লোড করার চেষ্টা করুন।

  <script src=".../app.v1.0.0.js" defer></script>

---

🛠 ভার্সনিং সিস্টেম

এই রিপোজিটরিতে কঠোরভাবে ফাইল ভার্সনিং অনুসরণ করা হয় (যেমন: filename.v1.0.0.ext)।

যখন কোনো ফাইল আপডেট করার প্রয়োজন হয়, তখন ফাইলটি এডিট না করে সম্পূর্ণ নতুন একটি ফাইল নতুন ভার্সন নম্বর দিয়ে আপলোড করা হয়।

সুবিধা:

• পুরোনো ফাইল ব্যবহারকারী প্রজেক্টগুলো ব্রেক হয় না।
• ব্রাউজার স্বয়ংক্রিয়ভাবে নতুন ফাইলটি লোড করে (Cache Busting)।

---

📜 লাইসেন্স (License)

এই রিপোজিটরির সকল অ্যাসেট MIT License এর অধীনে লাইসেন্সপ্রাপ্ত। এর মানে হলো আপনি এই ফাইলগুলো আপনার ব্যক্তিগত এবং বাণিজ্যিক প্রজেক্টে বিনামূল্যে ব্যবহার করতে পারবেন।

---

🧑‍💻 পরিচালক (Maintainer)

মোবারক হোসেন Freelancer • Bangladesh

GitHub • LinkedIn