title: Why UNPKG is free to use, and what will happen if I overuse?
body: <p>I know <a href="https://unpkg.com/" rel="noreferrer">UNPKG</a> is fast, reliable and free to use, but what if I overuse it, what will happen?</p>
  
  <p>For example, I can use <a href="https://rollupjs.org/guide/en/" rel="noreferrer">rollup</a> instead of <a href="https://webpack.js.org/" rel="noreferrer">webpack</a> to bundle my <strong>entire website</strong> as <a href="https://github.com/umdjs/umd" rel="noreferrer">UMD</a> build to a single JS, and publish it as a <a href="https://www.npmjs.com/" rel="noreferrer">NPM</a> package, and if I use <a href="https://reactjs.org/" rel="noreferrer">React</a> or <a href="https://vuejs.org/" rel="noreferrer">Vue</a> or any other SPA approach, the HTML markup all I need to ship to production is this minimum piece of code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge" /&gt;
      &lt;title&gt;My Website&lt;/title&gt;
      &lt;script src="https://unpkg.com/my-whole-website-umd"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And UNPKG even help me to grab the latest version, which means if I publish my new package to NPM, my whole website that is in production will update:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!-- this will always be the latest --&gt;
  &lt;script src="https://unpkg.com/my-whole-website-umd"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>People can save thousands of server maintain money by using this approach.</p>
  
  <p>Why UNPKG can still be free?</p>