Build a Full Stack authentication app with Nuxt 3, MongoDB, Tailwind CSS

#nuxtauth #nuxt3 #nuxtjs

In this in-depth tutorial, We will build a robust Full Stack authentication app using Nuxt 3, MongoDB, and Tailwind CSS.

? JOIN EXCLUSIVE DISCORD: https://jahid.dev/d
? Social Media: https://jahid.dev/links

? Resources Mentioned:
- Repository: https://github.com/jahidanowar/nuxt-auth-demo
- sidebase/nuxt-auth: https://github.com/sidebase/nuxt-auth
- Nuxt Server Utils: https://nuxt-server-utils.jahid.dev/

⭐ What You'll Learn:
- Setting up a Nuxt 3 project for Full Stack development.
- Integrating MongoDB for efficient data storage.
- Crafting an Auth UI with Tailwind CSS.
- Implementing user authentication and authorization.
- Securing your application with best practices.

?? Who Is This For:
Whether you're a beginner looking to understand the basics or an experienced developer seeking to enhance your Full Stack skills, this tutorial caters to all levels. Clear explanations and hands-on coding make it accessible and engaging for everyone.

⚡ Code Along with Us:
Follow along as we build each component step-by-step. The code is available on GitHub, allowing you to code alongside the tutorial.

? Recommended Videos
Nuxt Server Utils: https://youtu.be/h10sAu3ETr8
Nuxt MongoDB: https://youtu.be/EidO0c9L6b0
Explore Nuxt UI Library: https://www.youtube.com/watch?v=7_2KJWmac4E&t=20s

⏰ Timestamp

00:00 Introduction
00:40 Project Walkthrough
02:12 Project Setup
04:07 Running the Nuxt app
05:00 Installing Essential Dependencies
05:10 Installing nuxt-server-utils
05:53 Installing the nuxt-auth module
06:32 Mongoose Installation
07:30 Connecting to MongoDB
06:30 Module Configuration
13:23 Nuxt Auth Server route configuration
23:09 Use the custom login page in Nuxt Auth
25:25 Defining MongoDB User schema
30:10 Creating the Register Page
42:00 Creating Hashed Password
50:50 Login Page
58:50 Creating custom middleware
01:01:00 Accessing Authenticated User Data
01:03:04 Creating the logout action
01:05:00 Conclusion