Free tutorials
Create a Job Board SaaS with Next.js14h 1m

Create a Job Board SaaS with Next.js

@janmarshalcoding14h 1mAdvanced
nextjsinngestarcjettailwindcssreacttypescriptnext-authstripe

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

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!

Features

🌐 Next.js 15

🎨 TailwindCSS & Shadcn UI

🔒 Authentication using Auth.js (Google and GitHub OAuth)

👥 Onboarding Flow

📬 Inngest Background Workflows

🛡️ Arcjet Security

📝 Job Post Creation

💳 Stripe Payment Integration

⏳ Job Expiration Workflow

🗂️ CRUD Functionality

⭐ Favorites Route

🆔 Job Post Details

🚀 Deployment to Vercel

After the tutorial

Wiring Stripe by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Stripe billing and entitlements already wired in.

From $199 · one-time payment · lifetime updates

Related tutorials

View all
Create a B2B AI SaaS with Next.js24h 7m

Create a B2B AI SaaS with Next.js

Ever wanted to build a SaaS, and not just any SaaS, but a B2B SaaS with AI functionality included? Well, I have news for you, because in this video, we are doing exactly that. We are creating a team communication software with organizations, channels, fancy infinite scroll, oh, did I already mention billing? Of course, we will have billing implemented. Not only that, but we have thread support baked in, reactions, and of course, all of this is done in real-time using Cloudflare Durable Objects. But wait, we set out to create a B2B AI SaaS, and therefore, it's infused with AI. Not only can users easily summarize threads, but we also have a full-on AI composer. Need help with your message or just want to fix the grammar? The composer is there to help with one click of a button. This is literally the most in-depth tutorial I have ever created, and I am excited for you to get started on this project!

AdvancedWatch
Create a LMS Course Platform with Next.js23h 18m

Create a LMS Course Platform with Next.js

We will build a complete LMS course platform from absolute scratch. We will build everything from a beautiful landing page to display all of the available courses, continue with an admin dashboard to create courses, edit courses, track your success with analytics, and much more, and then we will move on to a breathtaking customer dashboard that allows the customer to track their video course progress, watch the videos individually, read the descriptions, mark lessons as completed, and much more.

AdvancedWatch
Next.js 16 Full Stack Course (8+ Hours)8h 26m

Next.js 16 Full Stack Course (8+ Hours)

Next.js is one of the most powerful React frameworks available and with the release of Next.js 16, it just got even better. New features like Cache Components make apps faster and more efficient than ever. In this video, we’ll take a complete deep dive into Next.js, and you’ll learn everything from A to Z. We’ll build a full production-ready application from scratch while exploring routing, server components, authentication, data fetching, real-time updates, caching, deployment, and much more. This won’t be just a light overview, we’ll dive deep into the dynamics of Next.js while creating a powerful and fully optimized web application.

BeginnerWatch