Web code

Update
News channel for coding related:
Subscribe for new tutorials and tips.
Home
Ai

The Ultimate Solution to GitHub CORS & MIME Type Errors: Introducing GitDelivr v3.0

Picture this: You are building a web application, and you need to host some static assets—a JSON configuration file, a CSS stylesheet, or a JavaScript library. Instead of setting up a dedicated server or AWS S3 bucket, you decide to use GitHub. It's free, it has version control, and it's fast.

You push your code, go to GitHub, click on "Raw", copy the URL, and drop it into your HTML:

<!-- Attempting to load a raw GitHub file -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/username/repo/main/style.css">
<script src="https://raw.githubusercontent.com/username/repo/main/script.js"></script>

You refresh your browser, expecting your beautiful UI to load. Instead, the layout is completely broken, and your developer console is screaming at you in bright red text:

❌ Error: Refused to apply style from '...' because its MIME type ('text/plain') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

❌ Error: Access to fetch at '...' from origin '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Sound familiar? Every frontend developer has faced this nightmare. Today, I am excited to announce GitDelivr v3.0—a complete, cross-platform Global Edge CDN ecosystem built specifically to solve this exact problem.

Why Does GitHub Block Raw Files?

To understand why GitDelivr is necessary, we need to understand why the errors happen in the first place.

GitHub is a code hosting platform, not a Content Delivery Network (CDN). When you access a file via raw.githubusercontent.com, GitHub intentionally serves the file with a Content-Type: text/plain header, regardless of whether it's a .js, .css, or .json file. Furthermore, they apply an X-Content-Type-Options: nosniff header.

This is a strict security measure to prevent malicious scripts from being executed on GitHub's domain. However, this means that your browser will flat-out refuse to execute the JavaScript or apply the CSS, rendering your raw links useless for production.

Enter GitDelivr: The Magic Bridge

GitDelivr is a blazing-fast, ultra-low latency Global Edge CDN that acts as a proxy between your raw repository files (from GitHub, GitLab, or Bitbucket) and your production applications.

When you pass a raw GitHub URL through GitDelivr, it does heavy lifting behind the scenes:

  1. Smart MIME Type Detection: It reads the file extension and automatically injects the correct Content-Type header (e.g., application/javascript, text/css, application/json).
  2. CORS Policy Bypass: It adds the crucial Access-Control-Allow-Origin: * header, allowing your website to freely fetch and use the data without browser security blocks.
  3. Global Edge Caching: It caches your files across a global network of servers, ensuring that your assets load instantly for users, no matter where they are in the world.

Before & After GitDelivr:

❌ The Broken Way (Direct GitHub Link):

fetch("https://raw.githubusercontent.com/username/repo/main/data.json")
// Result: CORS Error! 🚫

✅ The GitDelivr Way (Production Ready):

fetch("https://gitdelivr.in/cdn/username/repo/main/data.json")
// Result: 200 OK. Data loaded instantly! ⚡

The Big Update: GitDelivr v3.0 Ecosystem 🌍

GitDelivr started as a simple web utility, but developers don't just work in a single browser tab. You need your tools to be accessible, native, and integrated into your daily workflow. With version 3.0, GitDelivr evolves from a website into a fully-fledged ecosystem.

🌐 1. The Web Dashboard

The classic, lightning-fast web interface. Simply paste your repository URL, and GitDelivr will instantly generate a minified, production-ready CDN link. No sign-ups or API keys required.

💻 2. Native Windows Desktop App (.exe)

Why open a browser tab when you can have a dedicated tool on your PC? Built using Electron.js, the new GitDelivr Windows Desktop app gives you a standalone, native experience.

  • Generate links directly from your desktop.
  • Keep it pinned to your taskbar for rapid access during heavy coding sessions.
  • Avoid browser tab clutter.

📱 3. Native Android App (.apk)

Manage your CDN links, check your files, and grab URLs on the go. Built with Capacitor, the GitDelivr Android app brings the power of our Edge CDN straight to your smartphone. Perfect for quick link generation while reviewing pull requests on your phone.

Built By a Developer, For Developers 🛠️

As a developer, I understand the frustration of broken deployments and strict server configurations. I built GitDelivr to solve a genuine pain point in my own workflow. Here is a quick look at the tech stack powering the GitDelivr v3.0 ecosystem:

  • Frontend: Vanilla JS, HTML, and CSS for a ridiculously fast and lightweight UI.
  • Backend & Infrastructure: Firebase Hosting and Cloud Functions for secure, scalable, and low-latency routing.
  • Desktop App: Electron.js for native Windows integration.
  • Mobile App: Capacitor for smooth, native Android performance.

Get Started Today 🚀

Stop fighting CORS errors, setting up complex S3 buckets, and dealing with incorrect MIME types. Turn your GitHub, GitLab, and Bitbucket repositories into powerful CDNs in seconds.

GitDelivr is 100% ready for production use. Try it out, drop your raw links, and let me know your thoughts in the comments or on Twitter/X! Happy coding! 💻✨