How I Recreated TanStack Router From Scratch

Large Projects

Every Senior Developer Needs To Know This!

Stop Writing Bad Abstractions – Clean Code Tips That Work

Try Inngest: https://innge.st/yt-wds-1
Try Clerk: https://go.clerk.com/5mICaF3

A job board is a great business and in this video I will not only show you how to build your very own job board, but also how to hook up multiple AI features to take this job board to the next level. We will cover everything such as authentication, payments, AI models, organization/user permissions, background jobs, and much more.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/job-board-ai
Inngest: https://innge.st/yt-wds-1
Clerk: https://go.clerk.com/5mICaF3
Abort Controller Event Listener Video: https://youtu.be/BeZfiCPhZbI
Folder Structure Video: https://youtu.be/xyxrB2Aa7KE
Folder Structure Article: https://blog.webdevsimplified.com/2022-07/react-folder-structure/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-xIfSwINNM40
Parallel Routes Video: https://youtu.be/wi8kF8UniUI


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:01:31 - Demo
00:06:52 - Setup
00:08:45 - Database setup
00:38:36 - Sidebar component
00:49:27 - Clerk setup
01:03:48 - Auth buttons
01:24:13 - Inngest setup
01:35:23 - Clerk user webhooks
01:55:30 - Finish auth buttons
02:00:23 - Caching system
02:08:15 - Finish sidebar
02:29:35 - Organization selector
02:34:10 - Clerk organization webhooks
02:38:02 - Employer dashboard
02:44:08 - New job listing form
03:31:49 - Employer job listing page
04:02:33 - Employer job listing edit page
04:10:31 - Permission setup
04:14:48 - Billing setup
04:18:36 - Permission system
04:26:34 - Finish employer job listing page
04:36:22 - Pricing page
04:38:48 - Finish employer job listing page (continued)
05:02:00 - Employer sidebar updates
05:22:25 - Main job board page
05:48:58 - Main job board sidebar filter form
06:01:50 - Job listing page
06:18:08 - Applying for job listings
06:37:16 - User resume upload
07:06:35 - AI resume summary
07:18:30 - AI applicant ranking
07:33:19 - AI search capabilities
07:56:02 - User settings page
08:10:55 - Send user email notifications
08:41:45 - Clerk organization membership webhooks
08:47:14 - Organization user settings page
09:03:54 - Send organization email notifications
09:23:33 - Job listing application management


#AIProjectTS #WDS #NextJS

Build an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind

How I Recreated TanStack Router From Scratch

Large Projects

Every Senior Developer Needs To Know This!

Stop Writing Bad Abstractions – Clean Code Tips That Work