A notes taking application running on the edge with server-side-rendering.
Hi 👋, I am @Atinux and this is an editable edge-side rendered website.
Of course, you need to enter the password in order to edit this page but your can see a demo in video.
I wanted an editable website living on the edge and live!
It is using Nuxt 3 and Nuxt Content under the hood.
The website is deployed on CloudFlare Pages and the content of this page is living inside CloudFlare Key Value storage.
It is available online on https://github.com/atinux/atinotes
Yes it support code blocks:
export const nuxt = 3
The syntax highlight is done on client-side after hydration until we find a way to make Shiki works in CF workers.
You can use the MDC syntax to use Vue components in the page content:
::alert{type=success}
This is an alert using a Vue component.
::
This is an alert using a Vue component.
Simply create a link to another page.
Hello Vue Conf US