Nuxt Auth Jwt Prisma

screenshot of Nuxt Auth Jwt Prisma
nuxt
vue
prisma

This is a starter project for a Nuxt 3 application with JWT Auth and Prisma configured to use an SQLite Database but Prisma can also be configured to work with other databases like SQL, SQLite, MSSQL, PostgreSQL, MySQL, MongoDB and CockroachDB

Overview

This article provides instructions for setting up and installing a project. It covers creating an environmental file, installing node dependencies, running a Prisma migration, starting the Nuxt server, and registering and logging in to an account. It also explains the use of different database sources and how to change the expiry time for the JWT Token.

Features

  • Create Environmental File: Create a .env file and place it in the root folder of the project.
  • Install Node Dependencies: Open the terminal and install the node dependencies using the command npm i.
  • Run Prisma Migration: Use the command npx prisma migrate dev --name init to run the Prisma migration.
  • Start Nuxt Server: Switch on the Nuxt server by running the command npm run dev.
  • Register and Login: Register an account and then log in.
  • Multiple Database Source Support: The example project uses SQLite as the DB source for Prisma, but other options like MySQL, MSSQL, PostgreSQL, MongoDB, and CockroachDB are also supported.

Summary

This article provides a step-by-step guide to install and set up a project. It covers creating an environmental file, installing node dependencies, running a Prisma migration, starting the Nuxt server, and registering and logging in to an account. The article also mentions the support for different database sources and how to change the expiry time for the JWT Token.

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.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

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.