Hey everyone, welcome back to the channel 👋🏻. In this massive video, we’re going to build the best job board SaaS you’ve ever seen! The best part? We’ll use the absolute top-notch tech on the market to achieve this. This includes Next.js, Inngest, Arcjet, Auth.js, Neon Postgres, Prisma, TailwindCSS, Shadcn/ui, Vercel, and much more. Trust me, this is a video you don’t want to miss! This full-stack tutorial covers everything from start to finish. Enjoy!
🔐Arcjet: https://launch.arcjet.com/hIZ0QxX
🚀Inngest: https://innge.st/yt-jm-1
👀 Part Two: https://youtu.be/vOgpTIS6GFM
🚀 Checkout Cal for Free: https://dub.sh/FAuffAy
📸 Screen Recording Software: https://dub.sh/eDa47SO
👨🏻💻 GitHub Repository: https://janmarshal.com/courses/create-a-job-board-saas-with-next-js-inngest-auth-js-arcjet-and-tailwind-2025
🌍 My Website: https://janmarshal.com/
✅ Follow me on X: https://x.com/janmarshaldev
📧 Business ONLY: [email protected]
🌐 Next.js 15
🎨 TailwindCSS & Shadcn UI
🔒 Authentication using Auth.js (Google and GitHub OAuth)
👥 Onboarding Flow
Organization Role: Users can add necessary information and upload a logo.
Job Seeker Role: Users can provide their details and upload a CV in PDF format.
📬 Inngest Background Workflow
Sends a summary of new job postings every two days for 30 days.
🛡️ Arcjet Security
Protects against XSS, SQL injection, and other common attacks.
📝 Job Post Creation
Custom salary range slider.
A beautiful, rich text editor built with Tiptap.
Smooth image uploading.
Job listing durations (30, 60, 90 days).
💳 Stripe Payment Integration
Handles job post payments with webhooks for activation and expiration.
⏳ Job Expiration Function
Automatically marks job listings as expired after their duration.
📄 Index Page
Displays all job posts with filtering, pagination, and suspense.
🗂️ CRUD Functionality
View, edit, and delete posted jobs.
⭐ Favorites Route
See all jobs marked as favorites.
🆔 Job Post Details
Shows job info with an "Apply" button.
Custom rate limiting: Higher limits for authenticated users and bot protection.
🚀 Deployment to Vercel
Additional Features:
Fully responsive design.
Performance-optimized architecture.
Clean and maintainable codebase.
Resources used:
Next.js: https://nextjs.org
Arcjet: https://launch.arcjet.com/hIZ0QxX
Innget: https://innge.st/yt-jm-1
Tailwind.css: https://tailwindcss.com
Shadcn/UI: https://ui.shadcn.com
Prisma: https://prisma.io
Neon: https://neon.tech/
Uploadthing: https://uploadthing.com/
Vercel: https://vercel.com/.
Zod: https://zod.dev/
Authjs: https://authjs.dev/
Google Cloud Console: https://console.cloud.google.com/
Timestamps:
00:00 Intro
04:48 Installation
20:00 Navbar
31:00 Authentication
01:30:00 Onboarding
02:00:00 Organization / Company Form
03:22:00 Job Seeker Form
03:45:00 Secure our application
04:25:00 Post Job
07:20:00 Stripe Setup
08:14:00 Background Workflows
08:40:00 Index Page
10:00:00 Rest of application