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

Web Dev Simplified

A comprehensive tutorial covering the development of a full-stack AI-powered job board application using Next.js 15, Drizzle ORM, and Tailwind CSS. The project includes user authentication with Clerk, subscription billing, file uploads for resumes, AI-powered job matching and candidate rating, email notifications, and a complete database schema with PostgreSQL. The tutorial demonstrates advanced features like background job processing with Ingest, responsive design with mobile support, and proper TypeScript implementation with environment variable validation using Zod.

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

<p>This tutorial highlights how Tailwind v4 dark mode colors can be seamlessly integrated into a complex full-stack AI job board built with Next.js 15. By leveraging Tailwind v4’s CSS-first theming, the app maintains consistent light and dark experiences across dashboards, job listings, and AI insights, while remaining fully responsive and type-safe alongside advanced features like Clerk authentication, Drizzle ORM, and background job processing.
The complete <a href="https://www.bardui.com/tailwind-colors" target="_blank" rel="noopener nofollow">Tailwind CSS color</a> reference. Instantly copy Hex, RGB, HSL, and OKLCH codes for Tailwind v4 and v3. The modern, responsive color picker for developers.</p>
