Build an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind
דרג סרטון זה
התחבר כדי לדרג
תיאור
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