Learn how to Implement Signup and Login with Cookies and JWT in Next.js 13.4+ using Typescript

In this tutorial we'll write router handlers and store data using mongoDB

We'll also create UI pages for Login and Signup using Scss

If you have any questions let me know in the comments.

00:00 Intro

01:02 Install packages for backed APIs

01:48 Setting up mongo DB

10:20 Signup API

23:28 Login API

30:44 Logout API

33:10 Get Profile API

40:39 Create Frontend Pages

1:36:04 Calling signup api from frontend

1:43:01 Calling Login api

1:45:38 Setting up Context

1:57:42 Using context in profile page

2:02:39 Adding media queries for Forms

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Learn how to create floating label input field using Styled components

   • How to create floating label input fi...  
Learn how to create a responsive Navbar in Next.js

   • How to create Responsive Navbar in Ne...  
Learn how to make Sign up, Login and forgot pages UI

   • How to create UI for Auth Pages pages...  
Learn how to Add Login with Google in your Next app using next auth

   • How to Add Login with Google in your ...  
How to add frontend form validation in your Auth pages

   • How to add frontend form validation i...  
▬▬▬▬ Useful links and Commands ▬▬▬▬▬

Poisoning

https://nextjs.org/docs/gettingstart...

Route Groups

https://nextjs.org/docs/app/building...


Command used to create JWT Secret

openssl rand base64 32

▬▬▬▬▬▬▬▬▬ Source Code ▬▬▬▬▬▬▬▬▬▬

https://github.com/esucoder/next13...

▬▬▬▬▬▬▬▬▬ Social Media ▬▬▬▬▬▬▬▬▬▬

Instgram

  / esucoder  

Twitter

  / esucoder