- Видео 27
- Просмотров 32 270
TechWithEmma
Добавлен 17 июл 2022
Web development, DevOps, Linux, LinkedIn, etc, Content every week! and includes coding languages such as Python, JavaScript, TypeScript, Reactjs, and Figma Subscribe to my RUclips channel for the latest content.
** Affiliate Disclaimer: Some of the links included in my video descriptions / comments may be affiliate links, which may generate a sales commission at no additional cost to you.
** Affiliate Disclaimer: Some of the links included in my video descriptions / comments may be affiliate links, which may generate a sales commission at no additional cost to you.
Build Advanced MERN Auth: 2FA, Email Verification, Cookies, Sessions, and JWT with Node.js & Next.js
In this tutorial, we will build a secure, production-ready authentication system with Node.js, Next.js, and TypeScript. Implement 2FA, Email Verification, Password Reset, Access & Refresh Tokens, Rate Limiting, and Session Management for enhanced security. Deploy seamlessly on Render.com and integrate with React or Next.js apps.
#nextjs14 #reactjs #tailwindcss #nodejs #coding
🙌 Support my work: buymeacoffee.com/techwithemmaofficial ☕️
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma
🐦 Follow us on Twitter: x.com/techwithemma
🖼️ Follow us on Instagram: techwithemmaofficial
💻👉 Access the course files on GitHub (Give a Star ⭐):
Course files:github.com/Tech...
#nextjs14 #reactjs #tailwindcss #nodejs #coding
🙌 Support my work: buymeacoffee.com/techwithemmaofficial ☕️
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma
🐦 Follow us on Twitter: x.com/techwithemma
🖼️ Follow us on Instagram: techwithemmaofficial
💻👉 Access the course files on GitHub (Give a Star ⭐):
Course files:github.com/Tech...
Просмотров: 4 484
Видео
Build AI Resume Builder with Next.js, React, Hono, Drizzle, Kinde & Postgres | PDF Download 2/2
Просмотров 2 тыс.14 дней назад
Welcome to part(2), we will build a powerful AI resume builder using Next.js and Hono for a lightweight backend API, Drizzle ORM, Gemini AI, Tailwind CSS, and React Query. Hosted on Vercel Postgres for a reliable, high-performance database. Get ready to build and deploy a production-ready AI resume builder with PDF download capabilities! #nextjs14 #reactjs #tailwindcss #gemini #coding 📺👉 Part 1...
Build AI Resume Builder with Next.js, React, Hono, Drizzle, Kinde & Postgres | PDF Download 1/2
Просмотров 8 тыс.21 день назад
In this tutorial, we will build a powerful AI resume builder using Next.js and Hono for a lightweight backend API, Drizzle ORM, Gemini AI, Tailwind CSS, and React Query. Hosted on Vercel Postgres for a reliable, high-performance database. Get ready to build and deploy a production-ready AI resume builder with PDF download capabilities! #nextjs14 #reactjs #tailwindcss #gemini #coding 📺👉 Part 2 -...
Build and Deploy: TWITTER Clone with Next, Auth, Prisma, Neon, Tailwind & Stripe (2024) | Part 2/2
Просмотров 1,3 тыс.Месяц назад
👋 Welcome to the Ultimate 16-Hour Full-Stack X(Twitter) Clone Tutorial 2024! In this in-depth series (split into two parts), you'll build a complete X(Twitter) clone from scratch using the latest Next.js 14, NextAuth, React, Tailwind CSS, Zustand, React Query, Prisma, Neon Postgres, Uploadcare, and Stripe. 🚀 Learn how to implement user authentication (Google), image uploads, likes, reply posts,...
Build and Deploy: TWITTER Clone with Next, Auth, Prisma, Neon, Tailwind & Stripe (2024) | Part 1/2
Просмотров 3 тыс.Месяц назад
👋 Welcome to the Ultimate 16-Hour Full-Stack X(Twitter) Clone Tutorial 2024! In this in-depth series (split into two parts), you'll build a complete X(Twitter) clone from scratch using the latest Next.js 14, NextAuth, React, Tailwind CSS, Zustand, React Query, Prisma, Neon Postgres, Uploadcare, and Stripe. 🚀 Learn how to implement user authentication (Google), image uploads, likes, reply posts,...
Zustand FULL COURSE in 2024 | Simple React/NextJS Redux Alternative
Просмотров 7642 месяца назад
Master Zustand in 2024 with this full course, covering everything from basics to advanced state management in React. Learn why developers switch from React Redux to Zustand for faster, simpler, and scalable state management. Perfect for both beginners and advanced developers looking to streamline their Nextjs/Astro/Gatsby/React apps. #zustand #reduxalternative #reactjs #statemanagement #webdeve...
Tailwind CSS Full Course | Build an AI Saas Website
Просмотров 7 тыс.3 месяца назад
Master Tailwind CSS in 2024 with this full course covering basics to advanced techniques. Learn to build and theme responsive websites using Tailwind CSS, integrated with popular frameworks like Astro, Gatsby, Vite, Next.js, and Vue.js. Perfect for beginners and advanced developers looking to enhance their modern web design and development skills. #tailwindcss #reactjs #webdevelopment #shadcn #...
Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!
Просмотров 2,2 тыс.4 месяца назад
In this Shadcn ui Crash Course for Beginners, you'll learn how to use Shadcn ui Components & Themes in all React framework (Astro,Gatsby, Vite, Nextjs). #shadcn #reactjs #webdevelopment #vscode #nextjs ⭐ Learn Shadcn/UI with Next.js 14: Popular UI Components You Must Know! 🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/techwithemma 🖼️ Fol...
15 Essential VSCode Productivity Tips and Keyboard Shortcuts
Просмотров 1125 месяцев назад
Learn 15 VS Code tips and tricks and keyboard shortcuts to improve your VS Code workflow in this video. These shortcuts will save you time and significantly improve your coding speed and efficiency! #vscode #learntocode #programming 🙌 Support my work: buymeacoffee.com/techwithemmaofficial ☕️ 💻 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/t...
Chakra UI For Beginner Course #12 - Final (Bonus)
Просмотров 1516 месяцев назад
In this Chakra UI React for Beginners series #12, The final lesson on Chakra UI (Bonus). #chakraui #reactjs #webdevelopment #vscode 💻👉 Like & Subscribe To the Channel Channel: tinyurl.com/subcribe-to-techwithEmma 💻👉 Access the course files on GitHub: Course files: github.com/Emmanuelbreezy/Chakra-UI-Crash-Course 💻👉 React UseState Tutorial: on RUclips: ruclips.net/video/e7kkkTWHrMg/видео.html 💻👉...
Chakra UI For Beginner Course #11 - Custom Theme
Просмотров 2466 месяцев назад
In this Chakra UI React for Beginners series #11, you'll learn how to use a Custom Themes in Chakra UI. #chakraui #reactjs #webdevelopment #vscode ⭐ #11 - Custom Theme 💻👉 Access the course files on GitHub: Course files: github.com/Emmanuelbreezy/Chakra-UI-Crash-Course 💻👉 React UseState Tutorial: on RUclips: ruclips.net/video/e7kkkTWHrMg/видео.html 💻👉 React Tutorial: on RUclips: ruclips.net/vide...
Chakra UI For Beginner Course #10 - Modal Components
Просмотров 1556 месяцев назад
Chakra UI For Beginner Course #10 - Modal Components
Chakra UI For Beginner Course #9 - Avatar Components
Просмотров 536 месяцев назад
Chakra UI For Beginner Course #9 - Avatar Components
Chakra UI For Beginner Course #8 - Form Components
Просмотров 646 месяцев назад
Chakra UI For Beginner Course #8 - Form Components
Chakra UI For Beginner Course #7 - Card Components
Просмотров 1356 месяцев назад
Chakra UI For Beginner Course #7 - Card Components
Chakra UI For Beginner Course #6 - Responsive (Breakpoint)
Просмотров 1926 месяцев назад
Chakra UI For Beginner Course #6 - Responsive (Breakpoint)
Chakra UI For Beginner Course #5 - List Component
Просмотров 1106 месяцев назад
Chakra UI For Beginner Course #5 - List Component
Chakra UI For Beginner Course #4 - Grid Layouts
Просмотров 1346 месяцев назад
Chakra UI For Beginner Course #4 - Grid Layouts
Chakra UI For Beginner Course #3 - Flex Layouts
Просмотров 1786 месяцев назад
Chakra UI For Beginner Course #3 - Flex Layouts
Chakra UI For Beginner Course #2 - Components & Style Props
Просмотров 3436 месяцев назад
Chakra UI For Beginner Course #2 - Components & Style Props
Chakra UI For Beginner Course #1 - Introduction & Chakra UI Setup
Просмотров 1,5 тыс.8 месяцев назад
Chakra UI For Beginner Course #1 - Introduction & Chakra UI Setup
Learn the react useState Hook in 12minutes (for beginners)
Просмотров 1511 месяцев назад
Learn the react useState Hook in 12minutes (for beginners)
2023 Master ReactJS With This One Project
Просмотров 94Год назад
2023 Master ReactJS With This One Project
@techwithemmaofficial thank you for this video. I have been thinking of building an authentication system like clerk. This provides the foundation. Thank you.
I'm not familiar with next js but with mern, You are using both in your title so which one is this?
If you know react, you can understand next easily
I Provided the frontend code also in reactjs , look at the github repo
Add Google login
Another amazing project Man! Tks.
Great project. I want the suggestion if i need to integrate this in another how to do it properly and easy way.
Very easy watch the 2fa api part and implement the same to your backend
Can I use Honojs beckend instead of Nodejs?
Yes you can use it
@@techwithemmaofficial thanks
great projejct
Wow, another great project🎉
Don’t forget to comment your thoughts below! 💬 🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/techwithemma 🖼 Follow us on Instagram: instagram.com/techwithemmaofficial
Excellent project ❤
Thank you very much for your great education, I had a request if you could add subtitles
Thanks, no problem
Great content, it worked from start to finish. Thanks for sharing
23:58 leaving bookmark
This is great man. Keep it up.
The intro is a little bit similar to jsmastery tailwind full course video
Hi, This is great project, keep going and hope everything is in order to the end for those who want learn how to build such projects Can't wait to see part-2 for final feedback on it.. ⌚🙏🙏
Part 2 is on the Channel already
@@techwithemmaofficial lol
speak slowly brother i can not understand what you are saying
Thanks for the feedback, I will make better in the next video
Thanks for the hard work
Amazing!!!
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/techwithemma 🖼 Follow us on Instagram: instagram.com/techwithemmaofficial
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/techwithemma 🖼 Follow us on Instagram: instagram.com/techwithemmaofficial
🙏🙏 Like & Subscribe To the Channel - tinyurl.com/subcribe-to-techwithEmma 🐦 Follow us on Twitter: x.com/techwithemma 🖼 Follow us on Instagram: instagram.com/techwithemmaofficial
Heloo where are you from
Nigeria. Same as me ✌️.
the code in your github repo isn't working i am running into several errors after cloning your repo and putting all env variables correctly no request to the backend routes are working
Did you connect to vercel postgres.. and did you generate and push the table to the database
@@techwithemmaofficial Thanks There is a slight error in your codebase in the file: app/(home)/_components/forms/PersonalInfoForm.tsx We can enter nothing in the phone field In line 159: instead of name="phonenumber" there should be name="phone"
thanks will update it on the repo
Did you finally get the codes in the github repo and the whole project to work?
Amazing
sir when will part 2 be uploaded
Soon sir...
Where you have used AI?
Will post the part 2... soon
You are doing but copy paste project 😂😂 u just copy from other youtube channels🤦♂️
Thanks for the feedback.. Sir, this project covers drizzleorm, honoJs, vercel postgres, react query, shareable link, and pdf download
Amazing and Well done
love you sir for this amazing project ,please come more of this kind of unique complex, job ready projects in future may god bless you
Great project
amazing video and content, but invest in a better microphone bro😂
Thanks! I'll try to improve the audio quality in future videos!
why there are no timestamps?????
Will add it, we totally forgot, it was added in part 2
@@techwithemmaofficial timestamp still not added. and google login is not working on live site please do that too and explain why isn't it working. and like if i login with email id and password and logout and login back with that same email id but through oauth i will reach the same account right?
A great work - and a fully functioning demo site and source - thats very rare . thanks for this tutorial
Awesome work brother 🎉
Bro I messaged you on insta regarding some business inquiries
awesome project sir can you please teach us real time messaging too using server io
great stack!
Buddy pls make Airbnb fullstack clone 🙏
Great
Awesome!!!
Awesome build. ... Next car rental web application or marketplace web application 😊
Neon's website doesn't open in Nigeria. Did you use a vpn?
Click on the github url and select markdown/database.md. ... you will see the instruction there
Excelente proyecto.