How Atinotes works?
Explanation of the Atinotes stack.
This is an editable edge-side rendered website 🚀
How?
It is using Nuxt and Nuxt Content under the hood.
The website is deployed on CloudFlare Pages and the content of this page is stored inside CloudFlare KV.
Source code?
It is available online on https://github.com/atinux/atinotes
Code Blocks
Yes it support code blocks:
hello.ts
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.
Vue Components
You can use the MDC syntax to use Vue components in the page content:
::callout
This is an alert using a Vue component.
::
This is an alert using a Vue component.
Other Pages
Simply create a link to another page.