Getting Started

Start using Skypack today

If you haven’t familiarized yourself with the main concepts of the Skypack CDN, please visit the Introduction section.

If you’ve decided to use Skypack to boost your app’s speed, there are 2 main ways to start using it: either manually, using code. Or automatically, using plugins.

Code

Because Skypack works with ES Modules, you can start using Skypack today with a simple change to your codebase:

-import React from "react";
+import React from "https://cdn.skypack.dev/react";

Basically, for any package you used to install locally via npm, you now load from Skypack. Simply prepend https://cdn.skypack.dev/ before any npm-loaded package to start loading that package from anywhere. You can even try this today in CodePen, or your favorite online editor.

Demo

Learn more

Use Skypack in the following languages:

• JavaScript

• Node.js

• Deno

Plugins (Coming soon)

Skypack’s plugins are currently under development, but when finished will allow easy drop-in support for:

• Next.js

• Create React App

• Gatsby

• webpack

• Parcel

• Rollup

• Nuxt

To be notified of when these release, please sign up for our mailing list.