Build Login Page of Job Portal App🔥 Next.js & TypeScript | Ep 8
In this video, we’ll build the Login Page of our Job Portal App using Next.js, TypeScript, React Hooks, and ShadCN UI. 🚀
We’ll start by copying the registration form, simplify it for login, define an interface for login fields, and add navigation with the Next.js Link component to move between Login and Register pages.
📂 Source Code: https://github.com/thapatechnical/job-portal-nextjs
🔗 Useful Links:
Next.js Playlist Link: https://youtube.com/playlist?list=PLwGdqUZWnOp0lwvSBaIzzgV9X0ZiZ-42O&si=aQ_TNBNNx5L7V_bn
React.js Playlist Link: https://youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1&si=sDZRxsYNetYmojKd
TypeScript Playlist Link:https://youtube.com/playlist?list=PLwGdqUZWnOp0xfHQFmlL52b_6-QZ0mnk_&si=c4jfsd5ElDC1p0A5
By the end, you’ll clearly understand why TypeScript makes React development easier and safer, plus a small task for you: create the Login Page of our job portal app as practice. 💡
------------------------------------------------------------------------
🚀 Boost Your Skills with these Pre-Requisite Videos:
🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE
🔗 Best CSS Course - https://youtu.be/MSICFljRcb4
🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8
🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8
------------------------------------------------------------------------
💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html
------------------------------------------------------------------------
✌️ Join Us!
🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join
📷 Connect on Instagram: https://www.instagram.com/thapatechnical
🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6
------------------------------------------------------------------------
⌛TIMELINE⏳
0:00 – Job Portal App – Login Page
0:50 – What we have in login form
1:25 – Get source code for free
1:45 – Creating login page in Next.js
2:30 – Copy registration page into login page
2:50 – Delete unnecessary fields for login page
4:10 – Login form interface for fields
5:25 – Adding Link component to switch between Register & Login
6:50 – Next video updates