nonplain + 11ty = web notes

This site was made by exporting markdown notes to JSON with nonplain.js ↗ and then using that data to generate webpages with 11ty ↗.

The result is a lightning-fast JAMstack website built entirely from markdown notes 🤓

Feel free to check out the source code on GitHub ↗.

A few stats

• This entire site is built from just 180 lines of code, including whitespace and JSON data
• It took just 30 minutes to put this site together, from start to finish
• This page weighs just ~2kb
• This site is accessible, mobile-friendly, and cool

A few features

• Automatic external links. See all those links with "↗" next to them? Those are external links. External links automatically open in new tabs, just like they should, thanks to nonplain-md-link ↗.
• Valid permalinks. No unexpected 404s here. All note titles are turned into valid permalinks and then injected into each note's metadata via transform() ↗.
• Easy development cycle. Just write notes, build, and deploy.

Do it yourself

• How to make this site:
  1. Building site data with nonplain
  2. Putting it all together with 11ty