I hosted my website on Notion

I hosted my website on Notion

Tags
Lifestyle
Tech
Engineering
Published
Published October 6, 2022
Author

Premise

The first blog I made was in my 13, using WordPress. It was such thrilling success for such as a kid at age 13 that time, I was praised by my friends as if I was becoming a hacker in the near future. Put aside glitz and glamour, my website got hacked several times, I remembered that the thief got access to my admin panel at route /admin
Luckily, there’s a few measures for that is:
  • change the login path from /admin to somewhere else, like /admin-master-pro-plus
  • use 2-step authentication
  • install some of the addons that prevent hacking
  • ya di ya di yay
Even though applying tons of security methods, I still got DDoS attack, it sucks. I stopped blogging since then.
During my time at my university, I returned to blogging regime. I used several platforms, namely Wordpress (one more time), Blogspot, Ghost, etc… and the latest one: Hugo (a pretty good one). Hugo allows me to host my content on Github, and output static HTML. Because it is static so it is highly secure, extremely optimized, but not so flexible because you still needs to write templates in HTML.

Moving to Notion

Today I moved my blog to Notion. That means I used Notion as a CMS (Content Management System). Any changes on Notion will reflect instantly on my website, which is patrickphat.com.
notion image
Notion supports variety of block types, which is Gallery, Quote, Callout, Columns etc. which comes super handy when it comes to layout design. Also, using the same Notion tool for noting and blogging can very well reduce the dimension of toolings, which can help you focus a lot better.

How-to

Diving to the technical details, I used the framework react-notion-x and hosted on Vercel, with my soft touch on the css.
For the non-technical, I suggested you use a tool call super.so, it allows you to create website out of Notion pages, but it’s not too cheap ($12/site/month)