Hacker News new | ask | show | jobs
Show HN: Vue-Notion – An unofficial Notion renderer (github.com)
52 points by janniks 2004 days ago
2 comments

Today, I am happy to share the vue-notion library with you – it is now possible to use Notion as a CMS for Vue (e.g. a statically generated Nuxt blog).

Here is an example Notion page rendered in Vue: https://vue-notion.now.sh/basic-example

As Notion fans we always wanted to be able to use Notion as a CMS for Nuxt. React has had this for a bit. So, we decided to port the react-notion project to Vue and are introducing the same functionality to Vue!

I hope there are some Vue & Notion fans here, we would love to get some feedback on this new package!

Let us know what you think – Have a great day everybody!

what exactly does the choice of frontend framework have to do with connecting to notion? why not make this a framework agnostic adapter?
That‘s a very good question! I am not sure how easy it is to do in a agnostic way. If we want to utilize the static generation features and other framework features, it‘s necessary to use some framework specific components (e.g. Next and Nuxt both have their own version of the „link“ that allows for smarter page loading after an initial render. It might be possible to just replace these parts somehow and leave the rest agnostic. But I don‘t think that‘s an easy task and you might lose some features when switching to a „dangerous setting inner html“ approach that isn‘t very well optimized in the compilation steps of the frameworks. Btw, I love your content!
This is very cool! Thank you!
This is probably the best pre-christmas present so far. Have been waiting for quite some time for someone to finally adapt it from the react version. Great job and thank you so much for taking your time. Played around with it a little bit and everything seems smooth