Atidone

screenshot of Atidone
nuxt
vue
drizzle-orm

A full-stack application with Auth, SSR and SQL, running on the edge 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.
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.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.