Overview
This is my test blog post for using notion as a CMS for my site. I already use Notion for day to day things and given how good their SDK is I decided to use it to back this site.
This page is both a blog post and my demo blog post for the site, so it serves a dual purpose.
Tech Stack
I built this site using Nuxt 3 and Notion. I go back and forth on personal sites and blogs and the balance of owning the stack versus the content / domain. I end up always leaning towards building and hosting myself.
Stack
- Nuxt
- Tailwind
- Notion + Notion SDK
- GitHub pages for hosting
Why Choose These
I use Nuxt in my day job and have fallen in love with Vue and the simplicity it brings when building websites. Nuxt as a batteries included modern website framework has the right tools and enough packages to do anything in the web space.
I have built personal sites in the past with Nuxt only solutions and no CMS to simplify things, but having to use a laptop to publish content has always felt limiting. Additionally as a “person” and not a business, I don’t feel compelled to wire up a full fledged CMS solution just for a personal blog.
I have been a Notion power user for almost 5 years now. I always knew I could use it as a CMS, but never really had the urge to do so. So discovering how simple wiring a Notion db to this site made this whole project even more charming.
Lastly I used to be a roll your own CSS for everything person because I love CSS. But over the years and with my experience leading development teams at a small company, CSS is ultimately unmaintainable. I still customize a lot of personal projects, but for the time being Tailwind is paying dividends on just getting the damn thing done.
Implementation Guide
