Feb 24
Loading video player...
---------------------------------------------------------------------------------- 📂 Source Code 👉 GitHub Repo: https://github.com/thapatechnical/job-portal-nextjs ------------------------------------------------------------------------------------ In this video, we’ll build the Applicant Sidebar for our Job Portal Application using Next.js, TypeScript, MySQL, and Drizzle ORM. We already created the Employer Dashboard Sidebar, so here we’ll reuse the same sidebar component, update the menu items, and create a clean applicant dashboard folder structure to keep everything isolated and scalable (no conflicts between employer and applicant routes). By the end of this tutorial, you will understand how to: Create a separate Applicant Dashboard layout Organize Next.js App Router folders properly Reuse UI components using role-based navigation Build a clean, professional dashboard sidebar (ShadCN-style) ---------------------------------------------------------------------------------- 🔗 Useful Playlists 📘 Next.js Full Stack Playlist: https://youtube.com/playlist?list=PLwGdqUZWnOp0lwvSBaIzzgV9X0ZiZ-42O&si=aQ_TNBNNx5L7V_bn ⚛️ React.js Playlist: https://youtube.com/playlist?list=PLwGdqUZWnOp1Rab71vx2zMF6qpwGDB2Z1&si=sDZRxsYNetYmojKd 💻 TypeScript Playlist: https://youtube.com/playlist?list=PLwGdqUZWnOp0xfHQFmlL52b_6-QZ0mnk_&si=c4jfsd5ElDC1p0A5 ------------------------------------------------------------------------------------ 💸 Get All My YouTube Videos' Source Code for just ₹199! Grab Now - https://thapatechnical.shop/source-code 📺 Watch the complete Node.JS Playlist here :https://youtube.com/playlist?list=PLwGdqUZWnOp3KELplHtc-RnJ5xTUPqdgH&si=_ob8F88HYxCdspup 🔥 Access Source Code, PPT & Notes here for Free : https://www.thapatechnical.com/2024/11/introduction-to-nodejs.html ------------------------------------------------------------------------ 🚀 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 – Applicant Sidebar Setup (Job Portal Project) 1:15 – Support My Channel (Quick Request) 1:35 – Must Watch Previous Video (For Full Context) 2:05 – Applicant Dashboard Folder Structure (Next.js App Router) 2:50 – Changes in layout.tsx for Applicant Dashboard 3:50 – Applicant Sidebar Folder Setup 3:50 – Applicant Sidebar Code Explanation (Role-Based Navigation) 7:30 – What’s Next (Find Jobs Page + Filters UI)