A digital garden is an online space at the intersection of a notebook and a blog, where digital gardeners share seeds of thoughts to be cultivated in public. — Ness Labs
I had a lot of options to choose from when I decided to build a digital garden. I could’ve used a third-party content management system like Wordpress, a self-hosted one like Strapi, built my own with a custom frontend connected to a database like Supabase, or hosted my content directly within my app using Markdown.
At the time, the simplest approach was Markdown but it turns out I don’t really like writing Markdown from scratch, so I needed an editor. It’s not that hard to build your own cms these days so I decided to go for it with the Supabase approach. I setup Tiptap as my editor, hooked it up to my database and built a simple frontend.
This approach was nice but after creating my first post, I realized I was doing most of my writing inside Notion and then copying the content over to my cms. Then it clicked that I could just use Notion as my cms 🤦🏽♀️!
I’d remembered that Notion had an api so I went straight to Notion API, created a new integration, Googled “notion vue” (I reach for Vue by default), installed and configured Vue-Notion, created a new Notion table and violà! Migrated to Notion in less than 20 minutes and it was exactly what I needed and hoped it would be. Now I can effortlessly publish notes, edit them in real-time and not have to repeat myself; wonderful! 😁
This solution is perfect if you already use Notion, Notion is the best 💜.