Atidone

screenshot of Atidone
nuxt
vue
drizzle-orm

A full-stack application with Auth, SSR and SQL, with Nuxt.

Overview

The Nuxt Todo List on the Edge is a demonstration project that showcases the use of Nuxt.js with server-side rendering on the edge. It also includes features such as authentication and database querying using SQLite in a production environment.

Features

  • Server-Side Rendering on the Edge: The project leverages Nuxt.js to implement server-side rendering, ensuring faster page load times and improved SEO.
  • Authentication backed-in using nuxt-auth-utils: Users can authenticate themselves with the application using the built-in authentication functionality provided by nuxt-auth-utils.
  • Leverage SQLite as database with migrations using drizzle ORM: The project utilizes SQLite as the database, allowing for efficient data storage and retrieval. The drizzle ORM is used for managing database migrations.
  • User interface made with Nuxt UI: The user interface of the application is built using Nuxt UI, providing a responsive and visually appealing design.
  • Embed Drizzle Studio in the Nuxt DevTools: Drizzle Studio, a tool for managing and visualizing database schema, is embedded in the Nuxt DevTools for easy access and usage.
  • Live demos: The project provides live demos on various platforms such as CloudFlare Pages, Lagon.app, Vercel Edge, and Netlify Edge, showcasing the functionality and performance of the application.

Summary

The Nuxt Todo List on the Edge is a demonstration project that showcases the use of Nuxt.js with server-side rendering, authentication, and database querying using SQLite. It provides a user-friendly interface built with Nuxt UI and offers live demos on various platforms. The project can be easily set up by following the provided installation guide.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.