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)