A 5-Year-Old Could Follow This TypeScript SDK Development Guide ~ Part 5: CDN for Browsers

8 Jul 2024


Hope you're doing great! This is SMY! 👋 Let's jump right in 🚀

This is Part 5 of our SDK development series where we get a CDN of our SDK


  • ⚡ Getting CDN
  • ⚡ Integrating CDN and testing SDK

Step 1: Get a CDN

Head over to https://www.jsdelivr.com/, and search for your NPM package.

Choose the default version, and copy the link.

Head over to the Test Browser app, and integrate the CDN:

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.jsdelivr.net/npm/ts-lib-template-starter@1.0.0/dist/index.global.min.js"></script>
    This is a Test HTML

      sdk.fetchUsers().then((users) => console.log(users));

Open the file, and see the result:

Step 2: Getting the Latest CDN Version Always

Put @latest instead of the version to always fetch the latest CDN version


Sometimes, when a new version of SDK is published, jsDeliver takes a few minutes to a few days to point @latest version to the updated version.

To fix this, when you publish a new version, head over to https://www.jsdelivr.com/tools/purge, and enter the link of the CDN like:

This will purge the cache and point @latest version to the updated version.

Wrapping Up:

We just completed the steps to get a CDN of our SDK.

Stay tuned for further parts to dive deep into SDK development, and explore features like Web Push Notifications, Service Workers, etc. 🚀


Now, you're equipped with the knowledge to publish your own SDK. Happy coding! 🚀

That's it, folks!

Hope it was a good read for you. Thank you! ✨

👉 Follow me