Skip to content

CDNMX: ব্যক্তিগত স্ট্যাটিক অ্যাসেট (CSS, JS, ফন্ট) হোস্টিং-এর জন্য একটি পার্সোনাল সিডিএন রিপোজিটরি।

Notifications You must be signed in to change notification settings

mdmubarokhosin/CDNMX

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📦 CDNMX Repository

Repo Status License Last Commit Repo Size

import.svg

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

GitHubLinkedIn

About

CDNMX: ব্যক্তিগত স্ট্যাটিক অ্যাসেট (CSS, JS, ফন্ট) হোস্টিং-এর জন্য একটি পার্সোনাল সিডিএন রিপোজিটরি।

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages