Uploaded September 2022 | Updated September 2026, 1 week ago
Nearly every react application has a react-router to make routes. React Router allows you to make routers in the react application with advanced features. for example, Protected Router, Nested Router, Active Link, Search Parameter, Index Router. Along the way we can also learn react-router hooks like useRouter(), useNavigate() and more.
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
youtu.be/1T3GF6endl8
Javascript Complete Course
youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.
π Source Project
π¦github.com/akashyap2013/react_router_course_lectures.git
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
patreon.com/dailytuition
π Udemy Courses:
udemy.com/user/akshay-kashyap-6
π Playlist :
Complete MERN Series
youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: youtube.com/watch?v=ekHlx6OdSvA
π Font Family: fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π instagram.com/akki.2013
More Videos:
π‘ Complete Node Course
youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #react #react-router-dom #education
Nearly every react application has a react-router to make routes. React Router allows you to make routers in the react application with advanced features. for example, Protected Router, Nested Router, Active Link, Search Parameter, Index Router. Along the way we can also learn react-router hooks like useRouter(), useNavigate() and more.
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
youtu.be/1T3GF6endl8
Javascript Complete Course
youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.
π Source Project
π¦github.com/akashyap2013/react_router_course_lectures.git
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
patreon.com/dailytuition
π Udemy Courses:
udemy.com/user/akshay-kashyap-6
π Playlist :
Complete MERN Series
youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: youtube.com/watch?v=ekHlx6OdSvA
π Font Family: fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π instagram.com/akki.2013
More Videos:
π‘ Complete Node Course
youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #react #react-router-dom #education
![Authentication App with Google & Github Login - Next.js For Beginners [#11] - Google Auth
Authentication App with Google & Github Login - Next.js For Beginners [#11] - Google Auth
Hello everyone, In this tutorial, we are going to learn how to make an authentication app with the nextjsauth.js library. we will look at how we can make a credential login with a username and password which we are going to store in the MongoDB database.
We are also going to learn Google and Github Login. Using Google and Github Auth Provider we can log in to google and GitHub using api. This is might be your last video of Login authentication because after this video you dont need to search for how to make authentication in nextjs. I will provide the source code so you can follow along with me as well as you can follow me from any section of the project with git branches.
To clone the project use git clone [project_github_url]. (Make sure you have git installed in your local system)
To check branches use git branch list
To switch branches use git switch [branch_name]. ( Use git branch list to get the branch names)
If you want to learn next.js from the beginning here is the link:
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦https://github.com/akashyap2013/Authentication_App_with_Google_and_Github.git
β±οΈ Timestamps β±οΈ
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: Authentication App with Google & Github Login - Next.js For Beginners [#11] - Google Auth](https://i.ytimg.com/vi/dFqKyn7IW6c/mqdefault.jpg)
![Next.js Blog Application with Tailwind CSS - For Beginners [#7] - Swiper Slider
In this course, you are going to learn how to use next.js for real work examples. In the next.js course, we learn the basics. Now lets dive in and see how we can use that learning to make a project in next.js.
Next.js Blog Application with Tailwind CSS - For Beginners [#8] - Latest Post
https://youtu.be/ffWt0Bs3llw
If you want to learn next.js from the beginning here is the link:
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
React Complete Course
https://youtu.be/jWbzbq2C_RY
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦ https://github.com/akashyap2013/nextjs_blog_app.git
β±οΈ Timestamps β±οΈ
00:00 - Intro
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #swiper #nextjs Next.js Blog Application with Tailwind CSS - For Beginners [#7] - Swiper Slider](https://i.ytimg.com/vi/dcCDkp0-dnQ/mqdefault.jpg)
![Understanding All React 18 Hooks In Depth - For Beginners [#13] - useSyncExternalStore()
Understanding All React 18 Hooks In Depth - For Beginners [#13] - useSyncExternalStore()
In this series, we are going to learn all the useful react 18 hooks. We will look at the importance and the presence of the hooks in the react application. If you are working with react project you need to understand hooks in more detail.
This series will help you to understand how you can use hooks in the react application and make coding easy.
If you want to learn next.js from the beginning here is the link:
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #react #tutorial #education Understanding All React 18 Hooks In Depth - For Beginners [#13] - useSyncExternalStore()](https://i.ytimg.com/vi/dtS98IHP7xc/mqdefault.jpg)
![How I Setup Visual Studio Code For My Project
Letβs see how I set up the vs-code theme for the project. So the vs code looks more prettier and professional .
Installation:
Download the installer for your operating system (Windows, macOS, Linux) from the official VS Code website: https://code.visualstudio.com/download
Run the installer and follow the on-screen instructions. The installation process is straightforward and shouldnt take long.
Extensions:
Extensions are add-ons that enhance VS Codes functionality for specific programming languages, frameworks, or tasks.
To access extensions:
Open the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
Browse through the VS Code Marketplace or search for specific extensions by name.
Install extensions by clicking the Install button for the desired extension.
Once installed, most extensions activate automatically and integrate with VS Code seamlessly.
Themes:
Themes change the visual appearance of VS Code, including the editor background, syntax highlighting colors, and font styles.
To change the theme:
To download the Script file Follow the link:
π¦ https://www.patreon.com/posts/visual-studio-103805583?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
https://youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
Subscribe To
https://youtube.com/@DailyTuition
Join this channel to get access to the perks:
https://www.youtube.com/channel/UCrG2Z0usOCCdUTAr4D1A8mw/join
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: How I Setup Visual Studio Code For My Project](https://i.ytimg.com/vi/e2rLmXKgYlE/mqdefault.jpg)
![Unveiling Gemini AI 1.5 Pro: Elevating Intelligence with Game-Changing Features! #gemini #chatgpt
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
https://youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
#geminiai, #features
Subscribe To
https://youtube.com/@DailyTuition
Join this channel to get access to the perks:
https://www.youtube.com/channel/UCrG2Z0usOCCdUTAr4D1A8mw/join
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: Unveiling Gemini AI 1.5 Pro: Elevating Intelligence with Game-Changing Features! #gemini #chatgpt](https://i.ytimg.com/vi/ehLrx_BWVE0/mqdefault.jpg)
![React Router v6 Authentication with Protected Routes, Nested Routes, Active Link - [03]
Nearly every react application has a react-router to make routes. React Router allows you to make routers in the react application with advanced features. for example, Protected Router, Nested Router, Active Link, Search Parameter, Index Router. Along the way we can also learn react-router hooks like useRouter(), useNavigate() and more.
In this project, we are going to make a mock authentication and add protected routes to understand how react-router is useful to make restricted routes in react. we also going to learn how to use useNavigate() and useLocation() Router hooks.
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
https://youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦https://github.com/akashyap2013/react_router_authentication_project.git
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #react #tutorial #education React Router v6 Authentication with Protected Routes, Nested Routes, Active Link - [03]](https://i.ytimg.com/vi/fA34d9MHFBU/mqdefault.jpg)
![Authentication App with Google & Github Login - Next.js For Beginners [#1]
Authentication App with Google & Github Login - Next.js For Beginners [#1]
Hello everyone, In this tutorial, we are going to learn how to make an authentication app with the nextjsauth.js library. we will look at how we can make a credential login with a username and password which we are going to store in the MongoDB database.
We are also going to learn Google and Github Login. Using Google and Github Auth Provider we can log in to google and GitHub using API. This is might be your last video of Login authentication because after this video you dont need to search for how to make authentication in nextjs. I will provide the source code so you can follow along with me as well as you can follow me from any section of the project with git branches.
To clone the project use git clone [project_github_url]. (Make sure you have git installed in your local system)
To check branches use git branch list
To switch branches use git switch [branch_name]. ( Use git branch list to get the branch names)
If you want to learn next.js from the beginning here is the link:
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦https://github.com/akashyap2013/Authentication_App_with_Google_and_Github.git
β±οΈ Timestamps β±οΈ
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #nextjs #authentication #tutorial Authentication App with Google & Github Login - Next.js For Beginners [#1]](https://i.ytimg.com/vi/fAdrdiTfGgc/mqdefault.jpg)
![How to Add New Middleware Feature with Next.js 12.2 In Application - For Beginners
How to Add New Middleware Feature with Next.js 12.2 In Application - For Beginners
Hey everyone welcome back to daily tuition.
Released in October 2021 (Next.js 12.0) and has been in beta since then, Next.js Middleware is now stable. This release includes many breaking changes to the APIs.
In this lecture, we gonna talk about the changes that have been made with middleware.
You can start upgrading your Middleware usage today with the latest release (npm i next@latest).
Make sure you have the next 12.2 or later installed.
Previously, you could create a _middleware.ts file under the pages directory at any level. Middleware execution was based on the file path where it was created.
In the latest version,
You should declare one single Middleware file in your application, which should be located next to the pages directory and named without an _ prefix. Your Middleware file can still have either a .ts or .js extension.
Middleware will be invoked for every route in the app
Define a single Middleware file next to your pages folder
No need to prefix the file with an underscore
A custom matcher can be used to define matching routes using an exported config object
So lets understand how to use it.
If you want to learn next.js from the beginning here is the link:
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
β±οΈ Timestamps β±οΈ
0:00 - Introduction
0:28 - Getting Started with Middleware
4:41 - Matcher
6:13 - Authentication
6:46 - Cookies
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #nextjs #howto #programming How to Add New Middleware Feature with Next.js 12.2 In Application - For Beginners](https://i.ytimg.com/vi/fCA8nnoJrbQ/mqdefault.jpg)
![Next.js Blog Application with Tailwind CSS - For Beginners [#8] - Latest Posts
Next.js Blog Application with Tailwind CSS - For Beginners [#8] - Latest Posts
In this course, you are going to learn how to use next.js for real work examples. In the next.js course, we learn the basics. Now lets dive in and see how we can use that learning to make a project in next.js.
Next.js Blog Application with Tailwind CSS - For Beginners [#9] - Most Popular
https://youtu.be/zgtQuxdI4iY
If you want to learn next.js from the beginning here is the link:
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
React Complete Course
https://youtu.be/jWbzbq2C_RY
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦ https://github.com/akashyap2013/nextjs_blog_app.git
β±οΈ Timestamps β±οΈ
00:00 - Intro
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #nextjs #blog Next.js Blog Application with Tailwind CSS - For Beginners [#8] - Latest Posts](https://i.ytimg.com/vi/ffWt0Bs3llw/mqdefault.jpg)
![HTML & CSS Tutorial For Beginners - 3 Projects
HTML & CSS Tutorial For Beginners - 3 Projects
In this stream, we are going to learn how to create three different projects with HTML and CSS. we will make a dropdown menu, blending mode with CSS and Dark and Light Mode.
If you find anything useful make sure to like and subscribe for more videos.
Navigation Menu Dropdown Only with CSS
Link - https://youtu.be/XIRfN7_76PE
π¦https://github.com/akashyap2013/CSS_Only_Dropdown_Button.git
Using Three Blending Modes For Website - Gradient Blending
Link - https://youtu.be/dp45lAxDQ5Y
π¦https://github.com/akashyap2013/Blending_Gradients_For_Website.git
How to make Light and Dark Mode For Website
Link - https://youtu.be/8YwxGhnyHR0
π¦ https://github.com/akashyap2013/Website_LIght_Dark_Mode.git
Attribution:-
Images From
https://www.vecteezy.com/free-vector/profile-icon
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Source Project
π¦https://github.com/akashyap2013/FilterProducts_JavaScript.git
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags:
#html #css #htmlcsstutorial HTML & CSS Tutorial For Beginners - 3 Projects](https://i.ytimg.com/vi/flzhv64NK_0/mqdefault.jpg)
![React Router v6 Authentication with Protected Routes, Nested Routes, Active Link - [01]
Nearly every react application has a react-router to make routes. React Router allows you to make routers in the react application with advanced features. for example, Protected Router, Nested Router, Active Link, Search Parameter, Index Router. Along the way we can also learn react-router hooks like useRouter(), useNavigate() and more.
In this project, we are going to make a mock authentication and add protected routes to understand how react-router is useful to make restricted routes in react. we also going to learn how to use useNavigate() and useLocation() Router hooks.
If you want to learn next.js from the beginning here is the link:
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
https://youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use git branch list to see all branches.
π Source Project
π¦https://github.com/akashyap2013/react_router_authentication_project.git
β±οΈ Timestamps β±οΈ
0:00 - Introduction
ββββββββββββββββββββββββββββββββββββββ
π Support Me on Patreon π:
https://www.patreon.com/dailytuition
π Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
π
Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
ββββββββββββββββββββββββββββββββββββ
π οΈ Tools I use:
π My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
π Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
ββββββββββββββββββββββββββββββββββββββ
π Follow us:
π https://www.instagram.com/akki.2013/
More Videos:
π‘ Complete Node Course
https://youtu.be/-27HAh8c0YU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
ββββββββββββββββββββββββββββββββββββββββββ
π‘ Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.
Thank You...! π
ββββββββββββββββββββββββββββββββββββ
Tags: #react #tutorial #education React Router v6 Authentication with Protected Routes, Nested Routes, Active Link - [01]](https://i.ytimg.com/vi/fq4KbjpbCzo/mqdefault.jpg)