Sairaj Chouhan
Sairaj Chouhan
  • 14
  • 67 129
Next.js + NextAuth.js Authentication tutorial | GitHub OAuth and Prisma ORM
In this video, we authenticate Next.js application using NextAuth.js using GitHub OAuth and Prisma as ORM
Code
github.com/sairajchouhan/nextauth-github-example
Links
Prisma tutorial
ua-cam.com/video/HyDJi47adSM/v-deo.html
Social Media
github.com/sairajchouhan/
sairajchouhan/
Переглядів: 8 081

Відео

NextJS + Firebase V9 Authentication tutorial
Переглядів 37 тис.2 роки тому
Let's look at how can we add Authentication with Firebase in a Next.js project Code: github.com/sairajchouhan/nextjs-firebase-auth Social: github.com/sairajchouhan/ sairajchouhan/
Architecture behind S2Media | A social media application
Переглядів 3672 роки тому
In this video I explain the basic flow of the technologies used and how they communicate with each other Checkout more about S2Media here ua-cam.com/video/43XgO4CDrDM/v-deo.html S2Media is live here s2media.sairaj.rocks/
S2Media | A Social media application built with React
Переглядів 1652 роки тому
Hey guys, in this video I am very happy to share with you all "S2Media", which is a project I have been working on, it's completed and deployed now 🥳 Click the below link to explore the project, and I would love to hear your thoughts and comments about it. I would love to see some comments on the specific topics or features that you would like to have a tutorial on. s2media.sairaj.rocks/
Dockerizing Express Application for Development
Переглядів 993 роки тому
In this video, we will use Docker for development with Express and Typescript Awesome Docker Tutorials ua-cam.com/video/pTFZFxd4hOI/v-deo.html ua-cam.com/video/gAkwW2tuIqE/v-deo.html ua-cam.com/video/3c-iBn73dDE/v-deo.html
Deploying an Express and Typescript application to Heroku
Переглядів 6 тис.3 роки тому
In this video, we will deploy the express application that we built in last video and deploy that to Heroku
Express + Typescript beginner tutorial
Переглядів 1683 роки тому
Let's see how to add typescript to express application #node
Building a contact form with NextJs, Tailwind, and SendGrid - #4 Integrating SendGrid
Переглядів 4,7 тис.3 роки тому
In this video we will see how can we integrate the sendgrid API 00:00 - creating an account for SendGrid 04:44 - initializing SendGrid 12:56 - integrating API route
Building a contact form with NextJs, Tailwind, and SendGrid - #4 Validations
Переглядів 1,9 тис.3 роки тому
In this video, we will take the user input and validate them and show errors to the browser if there are any
Building a contact form with NextJs, Tailwind, and SendGrid - #3 Building UI
Переглядів 9673 роки тому
In this video, we will build the contact form with tailwind
Building a contact form with NextJs, Tailwind, and SendGrid - #2 Project Setup
Переглядів 6563 роки тому
00:10 - setting up NextJs 01:04 - installing and configuring Tailwind
Building a contact form with NextJs, Tailwind, and SendGrid - #1 Introduction
Переглядів 1,1 тис.3 роки тому
⌚ Timestamps 00:18 - Project demo 01:00 - Technologies we will use #nextjs #tailwind #sendgrid
Implementing Infinite scroll UI pattern with NextJS, Prisma and React-Query
Переглядів 4,2 тис.3 роки тому
In this video we will see how can we implement the famous UI pattern of Infinite scroll, we will use NextJs, Prisma as ORM, and react-query as data fetching library 👩‍💻 Code github.com/sairaj2119/infinite-scroll-ui/ ✍ Blog version sairaj.hashnode.dev/implementing-infinite-scroll-using-nextjs-prima-and-react-query ⏲ Timestamps 00:00 - what we are building 00:15 - creating NextJs application 00:4...
Prisma Tutorial | A Next-Generation ORM for Node and Typescript
Переглядів 1,6 тис.3 роки тому
Prisma is an ORM for Node and Typescript, and in this tutorial, we will explore Prisma and see its various applications Code: github.com/sairaj2119/prisma-tutorial Postman collection link: www.getpostman.com/collections/25c743fa958866cbf845

КОМЕНТАРІ

  • @AJGaming-cg9og
    @AJGaming-cg9og 7 місяців тому

    thank you so much sir <3

  • @megahjuliardi1553
    @megahjuliardi1553 9 місяців тому

    Hi, thank you so much for creating this tutorial. i was extremely confused how to deploy typescript since it's my first ts project, and this tutorial helps me

  • @udayrajvadeghar8555
    @udayrajvadeghar8555 9 місяців тому

    wowww

  • @rupeshadhav9511
    @rupeshadhav9511 11 місяців тому

    Thank you so much brother. Its very helpful❤

  • @kirrttiraj
    @kirrttiraj Рік тому

    This is so clear and helpful

  • @christianmiguez1379
    @christianmiguez1379 Рік тому

    How can I also add Google sign-up - in ?

  • @sarkseven
    @sarkseven Рік тому

    Great video man

  • @shahmeerzaidi6262
    @shahmeerzaidi6262 Рік тому

    Good Code!

  • @saraohman97
    @saraohman97 Рік тому

    I don't have this <Component {...pageProps} />, what do I wrap in <ProtectedRoute>?

  • @Tech2Code
    @Tech2Code Рік тому

    this video made my day

  • @Omery-od6vu
    @Omery-od6vu Рік тому

    Thank you for the tutorial! May I know what extensions you are using for the vscode?

  • @playcarri2148
    @playcarri2148 Рік тому

    Does exist any vulnerability in a loggin like this?

  • @namekendrick
    @namekendrick Рік тому

    Just what I needed.. thank you for this!

  • @kainicholas2526
    @kainicholas2526 Рік тому

    God amongst men!

  • @AliKhaladj
    @AliKhaladj Рік тому

    Awsome, You saved me lots of time bro!

  • @dextar256
    @dextar256 Рік тому

    Thank you so, so much. Spent hours going through articles and videos that were just complicating the solution. This was very straightforward and well explained. The fact that you left out "types" shows how much you value simplicity when teaching, thanks mhn.

  • @dertuman
    @dertuman Рік тому

    Awesome! Thank you!

  • @jakubjazdzyk2315
    @jakubjazdzyk2315 Рік тому

    Thank you!

  • @emanuelefavero
    @emanuelefavero Рік тому

    This is an awesome tutorial man. The only thing I would've add is a 'starter-template' folder in the github repo for when you pasted all that code at the start

  • @aikude
    @aikude Рік тому

    Would be great to see this used to protect NextJS API routes.

  • @YourTechWhiz
    @YourTechWhiz Рік тому

    Why don't you used nextjs middelware function?

  • @bread90210
    @bread90210 Рік тому

    Thanks, This helped me resolved my problem. However, there is a little bug in the code, inside the user context, the else is resetting the user to empty when the page reloads, so i removed that part and the user object still retains the data even after page refresh

  • @oscpcertificate5759
    @oscpcertificate5759 2 роки тому

    Very good video... Looks like you have good knowledge of networking as well with development.. Good 👍

  • @pahihipa7684
    @pahihipa7684 2 роки тому

    Can i have a your source code?

    • @sairajchouhan
      @sairajchouhan Рік тому

      sure here it is: github.com/sairajchouhan/contact-form

  • @magicmalu5948
    @magicmalu5948 2 роки тому

    fantastic tutorial 💥💥

  • @divyachauhan3478
    @divyachauhan3478 2 роки тому

    Thank you for the great tutorial. Lot of learning I've received from it.

  • @beta82
    @beta82 2 роки тому

    Amazing tutorial, I spent hours trying to figure out auth until I found your video, Great job!

  • @johnmichaelcanero2210
    @johnmichaelcanero2210 2 роки тому

    Hello, why it only works in my localhost:3000? I would also want to work the SendGrid from publicly when deployed.

    • @jennysquesttowellness
      @jennysquesttowellness 2 роки тому

      you need to give your key API to your host too because it's now stored in your local.env

  • @harshmakwana934
    @harshmakwana934 2 роки тому

    bro i need video on the same thing but i need to update my users name validate email and other stuff i hope you see this soon

    • @sairajchouhan
      @sairajchouhan 2 роки тому

      There are well documented APIs to do this Checkout firebase.google.com/docs/auth/web/manage-users

  • @alexg7282
    @alexg7282 2 роки тому

    Works for me thank you !

  • @sekaranponnusamy6566
    @sekaranponnusamy6566 2 роки тому

    very useful

  • @JohnnyOshika
    @JohnnyOshika 2 роки тому

    This is only client-side auth, so your server-side logic won't know who the signed in user is. Very good tutorial, but it's important to be aware of this limitation.

    • @JohnnyOshika
      @JohnnyOshika 2 роки тому

      This is the technique you'll want to use (i.e. good old cookies) if you want the server to be aware of auth data: ua-cam.com/video/kRszxpeTnW0/v-deo.html

  • @motive.2024
    @motive.2024 2 роки тому

    Great tutorial, just a key note, useRouter() is not with `next/rounter` in NextJS 13 , replacement is `next/navigation`

    • @k-c
      @k-c 2 роки тому

      Thanks for the tip

  • @truepicksyt3323
    @truepicksyt3323 2 роки тому

    Hey thanks for this awesome video. Can I know which theme, font you are using :)

  • @hemanthnvd3103
    @hemanthnvd3103 2 роки тому

    Thanks dude ❤helped me a lot.

  • @armandasbarkauskas4485
    @armandasbarkauskas4485 2 роки тому

    Worked

  • @marcelomagalhaes6619
    @marcelomagalhaes6619 2 роки тому

    Awesome! The best course 🙏

  • @SprintKeyz
    @SprintKeyz 2 роки тому

    Amazing tutorial, easy to understand and worked very well! Thank you for sharing your knowledge!

  • @CyrilOkidi
    @CyrilOkidi 2 роки тому

    Great tutorial. Flash of unauthenticated contents still appear on my end though.

  • @flavioneto1081
    @flavioneto1081 2 роки тому

    Amazing tutorial quality bro, thanks

  • @fhkodama
    @fhkodama 2 роки тому

    Awesome! It worked well here! Thanks, man! Really helpful! :)

  • @franklinoduro7274
    @franklinoduro7274 2 роки тому

    i loved your explanation. thank you

  • @taylorjonathancraig
    @taylorjonathancraig 2 роки тому

    Great video! Thanks for making it. It was exactly what I needed.

  • @mjsupm4404
    @mjsupm4404 2 роки тому

    Thanks so much Sairaj 🙏🙏 Really appreciate your work! Complete Authentication tutorial including protected routes. You're awesome 💯

  • @austincodes
    @austincodes 2 роки тому

    IDK why we are wasting our time with bootstrap. I came for a tutorial about firebase.

  • @itsbrunocampos
    @itsbrunocampos 2 роки тому

    Finally a good tutorial on this topic! Thank you!

  • @icaropaiva9279
    @icaropaiva9279 2 роки тому

    thank you so much

  • @isagive
    @isagive 2 роки тому

    How do use {children} statement (that u used inside ProtectedRoute in a js file?

  • @lexsemenenko
    @lexsemenenko 2 роки тому

    Needed to catch up on how to use next-auth with Prisma, and this video answered all I needed. Blessings!

  • @AbdurrahmanASUR
    @AbdurrahmanASUR 2 роки тому

    but there is a problem. when i reload or enter the protected page when i m logged in the protectedRoute work and redirect me to the home page and i m logged in