blogmigrate-jsdelivr-to-...
December 17, 2025CDNJavaScript

Migrate from jsDelivr to StaticDelivr in 5 Minutes (npm + GitHub)

Migrate from jsDelivr to StaticDelivr in 5 Minutes (npm + GitHub)

Why Switch to StaticDelivr?

If your site relies on public CDN links, switching providers is one of the easiest ways to improve reliability and support open-source infrastructure.

StaticDelivr is designed to be a drop-in replacement for services like jsDelivr or UNPKG. Because we use standard URL patterns, you can usually migrate your entire project just by doing a "Find and Replace" in your code editor.

If you have a lot of links to check, you can use our Migration Tool to scan your code automatically.

The URL Patterns You Need

We support loading files directly from the two biggest package sources: npm and GitHub.

1. The npm Format

If you are loading libraries like React, Vue, or Bootstrap, you are likely using npm. The StaticDelivr format is simple:

https://cdn.staticdelivr.com/npm/package@version/file

For example, to load React, you would use: https://cdn.staticdelivr.com/npm/[email protected]/umd/react.production.min.js

You can learn more about advanced versioning and ranges on our npm documentation page.

2. The GitHub Format

For assets hosted directly in a repository (like a style.css in a master branch), use the GitHub endpoint:

https://cdn.staticdelivr.com/gh/user/repo@version/file

This connects directly to our GitHub CDN service, ensuring you get the raw file served with proper MIME types and global caching.

Safe Rollout Strategy

A clean migration is mostly about not breaking production. Here is the safest way to switch:

Step 1: Inventory Your Links

Search your codebase for cdn.jsdelivr.net or unpkg.com. Make a list of every external asset you are loading.

Step 2: Swap the URLs

Replace the domain name with cdn.staticdelivr.com. In 99% of cases, the rest of the path remains exactly the same.

  • Old: https://cdn.jsdelivr.net/npm/...

  • New: https://cdn.staticdelivr.com/npm/...

Step 3: Test Staging

Load your site in a private window. Check the Console for any 404 errors. If a file fails to load, verify you aren't using a "dist-tag" (like @latest) that might have changed recently.

Common Mistakes to Avoid

  • Floating Versions: Avoid using @latest in production. It is always safer to pin a specific version (e.g., @18.2.0) so your site doesn't break when a library updates.

  • Typos: Double-check your package names. react-dom is not the same as reactdom.

Ready to Switch?

You can view the full list of supported features in our Getting Started guide or use the Interactive Migration Tool to generate the exact links you need.

Share this article