Develop Secure Apps with NextJS14, Json Web Token & Cookies

Focused View

Ranjan Pandey

2:14:55

3 View

1. Introduction, Installation and Getting Started

1. Course Overview.mp4

03:56

2. What is JSON WEB TOKEN and how it gets generated.mp4

03:39

3. Different Parts of a JWT token.mp4

03:02

4. How is the Token used in subsequent request between client and server.mp4

03:16

5. Setting up new Next App.mp4

01:41

6. Designing the home page.mp4

03:20

7. Designing the login Form page.mp4

08:28

8. Installing the required npm dependencies.mp4

00:57

2. Developing the REST APIs for Authentication & Profile information

1. Create Login REST API and Generate JWT Token.mp4

11:19

2. Setting the JWT token as serialized cookie in response header.mp4

05:13

3. Call the Login API from Frontend and Check the cookie.mp4

10:53

4. After login route the user to dashboard page.mp4

03:42

3. Integrating the Frontend with Backend for Login, Logout & Profile functionality

1. Create GET API to get the user profile information.mp4

10:30

2. Creating Layout for Dashboard.mp4

06:40

3. Making Profile API call and adding logic to restrict routing to dashboard.mp4

10:05

4. Fixing the redirect to login page and testing the functionality.mp4

04:04

5. Implementing Logout functionality.mp4

05:29

6. Get the current loggedin user details.mp4

06:07

7. Resolving the json error and displaying the admin email on dashboard.mp4

05:28

8. Testing the complete functionality.mp4

01:39

4. Developing User Registration Functionality

1. Installing mongoose, creating schema and establishing database connection.mp4

10:43

2. Develop the API for user registration and save user to database.mp4

03:15

3. Create user registration page and call the API to register the user.mp4

05:46

4. Integrating login functionality with database.mp4

02:46

5. Getting user full name from DB and displaying on dashboard.mp4

02:57

5. Source Code for the Course

1. Code base.html

Description

Learn to secure your NextJS Application with JWT Cookie based Authentication

What You'll Learn?

You will learn about JWT and its working
You will learn to create new next js 14.0 application
You will learn how to setup Tailwind CSS NextJS14 and start with development
You will learn about working of Next js app
You will learn to implement JWT Cookie based Authentication
You will learn to protect routes in NextJS app using JWT based tokens

Who is this for?

Anyone who wants to secure fullstack applications with JWT Cookie based authentication

What You Need to Know?

Basics of HTML , CSS, ReactJS

More details

Description
In this course you will learn how to secure your NextJS Application with JWT Cookie based Authentication.
Securing a Next.js application with JWT and cookies involves creating a server-side authentication endpoint to handle user logins. Upon successful authentication, the server generates a JSON Web Token (JWT) signed with a secret key. This JWT is then sent to the client as an HTTP-only cookie, enhancing security by preventing JavaScript access.
On the client side, implement functions for user authentication, including login, logout, and status checking. For authenticated requests, include the JWT in the request headers to verify the user's identity on the server.
In summary, the process entails validating user credentials on the server, generating a signed JWT, and securely transmitting it to the client via an HTTP-only cookie. The client-side implementation manages user authentication functions, and the server verifies requests using the received JWT. This approach enhances application security by utilizing the capabilities of JWTs and secure cookie handling.

JSON Web Tokens (JWT) are a compact, URL-safe means of representing claims between two parties. In web development, JWTs serve as secure tokens for transmitting information, often used for user authentication. Comprising three partsâ€”header, payload, and signatureâ€”JWTs are encoded and signed, providing a lightweight and tamper-evident structure. Their versatility and self-contained nature make JWTs widely adopted for transmitting authenticated data, and they are commonly employed in various web-related protocols and frameworks.
Who this course is for:
Anyone who wants to secure fullstack applications with JWT Cookie based authentication

User Reviews

Rating

average 0

Total votes0

Focused display

I am a Fullstack DevOps software professional with 12+ years of experience in variety of technologies ranging from web and mobile app development using HTML5, CSS3, JavaScript, JQuery, Bootstrap, Angular, React, Java, Spring, Springboot, Python, Flask, Django, NodeJS, Express, Android, Ionic, React Native, Flutter, Camunda Bpm to Artificial Intelligence and Cloud technologies like Amazon web services and Microsoft Azure.I am also certified in Java, Azure cloud, Backbase product.I have experience in working with multiple MNC's and European clients. I am also a corporate trainer providing a wide range of training.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.