No tooling starter because simplicity is the ultimate sophistication.

A simple front-end skeleton without any tooling. Just start and add tooling as needed.

You can use all the latest JavaScript features, like async/await and ESM modules in all evergreen browsers.

OBS: You probably don't need tooling in the beginning!

In case you need TypeScript/Babel/SCSS/Whatever, add a src folder and have the tools output to public.

Another option is to copy/paste snippets or use unpkg.

If you use Google Fonts use the following snippet in the head to load fonts fast. Replace [url] with the actual font url. Read The Fastest Google Fonts for further explanation.

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" as="style" href="[URL]&display=swap" />
<link rel="stylesheet" href="[URL]&display=swap" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="[URL]&display=swap" /></noscript>

MIT © Terkel Gjervig