Nuxt with Deno KV

A collaborative todo-list app built using Nuxt with server-side rendering on the edge on Deno Deploy and Deno KV as database.

Demo: https://nuxt-todos-kv.deno.dev

It also leverages Deno KV Watch and Server-Sent Events to update the UI in real-time for a shared todo list.

nuxt-todos-kv-demo.mp4

Features

• Server-Side Rendering on the Edge
• Expose useKv() hook to use Deno KV as database
• User interface made with Nuxt UI and Nuxt UI Pro

Setup

Make sure to install the dependencies using pnpm:

pnpm i

Development

Start the development server on http://localhost:3000

npm run dev

Deploy on Deno Deploy

You can take a look at the .github/workflows/deploy.yml file to see how the deployment is done.

To build the demo in production, you need a Nuxt UI Pro license, if you don't want to use UI Pro, you can remove the @nuxt/ui-pro from the dependencies abd nuxt.config.ts.

Otherwise, you can set the NUXT_UI_PRO_LICENSE secret in your GitHub repository settings.

Credits

• denoland/showcase_todo

License

MIT License