- 14
- 67 129
Sairaj Chouhan
India
Приєднався 31 сер 2021
Hey devs and devils, with me you will explore a lot of topics specifically in web development, and learn how to construct and walk through the bridge that will help transform you from just a developer to a developer of demand. Stay Tuned
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/
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
thank you so much sir <3
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
wowww
Thank you so much brother. Its very helpful❤
This is so clear and helpful
How can I also add Google sign-up - in ?
Great video man
Good Code!
I don't have this <Component {...pageProps} />, what do I wrap in <ProtectedRoute>?
this video made my day
Thank you for the tutorial! May I know what extensions you are using for the vscode?
Does exist any vulnerability in a loggin like this?
Just what I needed.. thank you for this!
God amongst men!
Awsome, You saved me lots of time bro!
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.
Glad it helped!
Awesome! Thank you!
Thank you!
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
Would be great to see this used to protect NextJS API routes.
Why don't you used nextjs middelware function?
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
Very good video... Looks like you have good knowledge of networking as well with development.. Good 👍
Can i have a your source code?
sure here it is: github.com/sairajchouhan/contact-form
fantastic tutorial 💥💥
Thank you for the great tutorial. Lot of learning I've received from it.
Amazing tutorial, I spent hours trying to figure out auth until I found your video, Great job!
Hello, why it only works in my localhost:3000? I would also want to work the SendGrid from publicly when deployed.
you need to give your key API to your host too because it's now stored in your local.env
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
There are well documented APIs to do this Checkout firebase.google.com/docs/auth/web/manage-users
Works for me thank you !
very useful
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.
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
Great tutorial, just a key note, useRouter() is not with `next/rounter` in NextJS 13 , replacement is `next/navigation`
Thanks for the tip
Hey thanks for this awesome video. Can I know which theme, font you are using :)
Thanks dude ❤helped me a lot.
Worked
Awesome! The best course 🙏
Amazing tutorial, easy to understand and worked very well! Thank you for sharing your knowledge!
Great tutorial. Flash of unauthenticated contents still appear on my end though.
Amazing tutorial quality bro, thanks
Awesome! It worked well here! Thanks, man! Really helpful! :)
i loved your explanation. thank you
Great video! Thanks for making it. It was exactly what I needed.
Thanks so much Sairaj 🙏🙏 Really appreciate your work! Complete Authentication tutorial including protected routes. You're awesome 💯
IDK why we are wasting our time with bootstrap. I came for a tutorial about firebase.
Finally a good tutorial on this topic! Thank you!
thank you so much
How do use {children} statement (that u used inside ProtectedRoute in a js file?
Needed to catch up on how to use next-auth with Prisma, and this video answered all I needed. Blessings!
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