Atinotes

Atinotes is a Nuxt template for saving Markdown notes online, built as an editable website with universal rendering on the edge. It provides a ready-to-deploy notes application with a modern interface, designed to run on Cloudflare Workers via NuxtHub.

What is Atinotes?

Atinotes is an open-source Nuxt template that lets you save and edit Markdown notes online. It runs on Nuxt with Vue 3, uses Nuxt UI for its interface, and is configured for deployment on Cloudflare Workers with universal rendering on the edge. The template is authored by Sébastien Chopin and released under the MIT license.

Key Features

• Nuxt + Vue 3 — built on the Nuxt framework with Vue 3, providing server-side rendering and static site generation capabilities.
• Nuxt UI — a set of Vue components for building the interface, including forms, buttons, and navigation.
• Universal rendering on the edge — the template is designed to run on Cloudflare Workers, delivering content from edge locations for low latency.
• Environment-based authentication — uses ADMIN_PASSWORD and NUXT_SESSION_PASSWORD (a 32-character password) to protect admin actions.
• KV namespace storage — stores notes in a Cloudflare KV namespace defined in the wrangler.jsonc file.
• Markdown editing — content is written and saved as Markdown, with a live editable website.
• MIT License — free to use, modify, and distribute with attribution.

Who is it for?

• Developers who want a quick starting point for a notes app with edge rendering and a modern UI.
• Content creators who need a simple, editable website to publish Markdown notes.
• Nuxt enthusiasts looking for a real-world example of a NuxtHub and Workers deployment.

What can you do with Atinotes?

• Save personal notes: Write Markdown notes and save them online, accessible from any device.
• Publish a public notes site: Use the editable website to share notes or documentation with others.
• Learn edge deployment: Explore how a Nuxt app is configured for Cloudflare Workers with KV storage.

How does Atinotes work?

1. Install dependencies with pnpm install.
2. Copy .env.example to .env and set your variables.
3. Run pnpm run dev to start the development server on http://localhost:3000.
4. For production, run pnpm run build and pnpm run preview.
5. Deploy by setting ADMIN_PASSWORD and NUXT_SESSION_PASSWORD (32 characters) and adding your KV namespace to wrangler.jsonc.

FAQ

Is Atinotes free?

Yes, Atinotes is open-source and released under the MIT license, so it is free to use and modify.

What framework does Atinotes use?

Atinotes is built with Nuxt and Vue 3, using Nuxt UI for the interface and NuxtHub for edge deployment.

How do I deploy Atinotes?

Set the environment variables ADMIN_PASSWORD and NUXT_SESSION_PASSWORD (32 characters), add your KV namespace to wrangler.jsonc, and follow the Nuxt deployment documentation.

Does Atinotes require a database?

No, it uses Cloudflare KV namespaces for storage, which is a key-value store that fits the edge deployment model.

Who created Atinotes?

Atinotes was created by Sébastien Chopin, the author of Nuxt, and is licensed under MIT.