Converting React into Next.js - Events App || Bcrypt + Deploying to Vercel || 4K
Автор: Mind-Boggling
Загружено: 2023-07-21
Просмотров: 370
By converting our existing MERN stack events app ( • 4-HOUR CODE WITH ME || MERN Real Life Even... ) into Next.js and deploying on Vercel, I hope it highlights how NextJS is the next logical step after having a good understanding of React.
Next.js (TypeScript + App Router) and Tailwind CSS Playlist:
• Learn Next.js + TailwindCSS In Components
Source code for Next.js project
https://github.com/kcxgu/nextjs-queer...
Source code for pure React project
Front-end: https://github.com/kcxgu/queer-events...
Back-end: https://github.com/kcxgu/queer-events...
Live website
http://heyqueerasians.com
Articles mentioned in the video
res.JSON() and res.send():
/ use-of-res-json-vs-res-send-vs-res-end-in-...
https://stackoverflow.com/a/19041848
Password security (salting, hashing and cryptography):
https://auth0.com/blog/adding-salt-to...
The "this" keyword
https://developer.mozilla.org/en-US/d...
Using "correct" quotation marks:
https://uxdesign.cc/start-using-real-...
https://www.typewolf.com/cheatsheet
CoursePilot
If you made it to the deployment section, you would have seen a reference to CoursePilot.
CoursePilot is a tech bootcamp comparison site where reviewers can give their feedback on a bootcamp anonymously and honestly.
https://www.coursepilot.co/
Chapters
00:00:00 - 00:02:15 -- Intro into Next.js
00:02:15 - 00:04:51 -- Setting up Next.js
00:04:51 - 00:42:27 -- Converting React project into Next.js
Note 1: First mention of how the backend works with Next.js (00:11:25)
Note 2: Creating custom sandwich menu from scratch (00:21:27 - 00:25:06)
00:42:27 - 00:48:22 -- Hashing and salting passwords with bcrypt
00:48:22 - 01:03:52 -- EmailJS as an alternative to Nodemailer
01:03:52 - 01:07:16 -- Deployment to Vercel and end
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: