Jonobase

Jonobase works as my own headless CMS framework-on-a-framework, built on top of a Sanity back-end with a Next.js (React) front-end!

Forewords

WordPress (that "infamous blogging platform") did its job well into the late 2000s and early 2010s, having a straightforward "developer experience". However, things slowly "enshittified" when WordPress "developers" made things more tangled-up than necessary!

So, I spent too much time looking for a new "content management system" (perhaps years). In 2020, I settled on Sanity (an apt name!) for a headless (no front-end) path. I wanted someone to take care of the back-end (all the "data storage") in a straightforward way. Meanwhile, I could build a front-end on my own. Also, I wanted to start with something small (a list of entries and a page for each individual entry), but build up into whatever I could think of!

Hallmarks

A boat-load of stuff comes with Jonobase:

• "accessible hotkeys"
  • command+K for "search""
  • command+/ for "menu"
• light-to-dark "theme toggle"

• fully working search (known as "finds")
• full-screen "menu"
• home page with full-width "sections" (known as "lists")
  • having only words
  • ...or a list of posts lined up by "date" or "title" or "randomly"
  • words can show up before and/or after the list
• "summary" pages with stacked lists (known as "heaps")
  • great for lining up stuff in many ways!
• heading-based "table of contents"
  • both for "desktop" and "mobile"
• category post routing"
  • clean URLs like /code/snippets/post-page
• "post tagging system" (known as "nooks")
• "embeddable content"
  • YouTube videos
  • Google maps
  • code snippets (that you can copy-and-paste with a click!)
  • tables
• "follow-up link"
  • show a link to an outside URL (or hide it!)
• "older-and-newer post navigation"
  • show the last or the next
• footer
  • tweakable from the back-end with "rich text editor"
• responsive
  • in desktop and mobile
• multi-site
  • (more on this later!)

Making use of:

• front-end:
  • next.js
  • tailwind
• back-end:
  • sanity
• deployment:
  • vercel

...and a whole lot of other things!

Runtimes

• this site
• also on jonchius.com
  • as well as jonchius.vercel.app
• "code" on GitHub