10h 2mCreate a Invoice Platform using Next.js 15
Source code
PremiumIncludes the complete project source. Access is granted through a GitHub invite to your account.
About this tutorial
Hey everyone, what's up 👋🏻
In this video, we are going to build a full stack Invoice Platform from complete scratch using the best tech on the market. This includes Next.js, Mailtrap, Neon Postgres, Prisma, Tailwind CSS, Auth.js, Shadcn/UI, Vercel, Conform and much more. This is a full-stack tutorial, which means we will build everything from start to finish!
Features:
🌐 Next.js App Router
📧 Mailtrap Email API
💪 Create Invoices, Edit Invoices, Mark Invoices as Paid
🚀 Send Emails with beautiful email templates
🔒 Custom auth using Auth.js
🔑 Magic Link Auth with Mailtrap
📃REAL Custom PDF Generation
👀 Send Invoice to Client
🏄♂️ Send Reminder Email
💽 Neon Postgres Database
💨 Prisma ORM
🏎️ Beautiful Dashboard with animated Chart
✅ Server Validation using Zod and Conform
🎨 Styling with Tailwindcss and Shadcn UI
😶🌫️ Deployment to vercel
Source code
PremiumIncludes the complete project source. Access is granted through a GitHub invite to your account.
After the tutorial
Wiring auth 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 Better Auth, OAuth, and 2FA already wired in.
From $199 · one-time payment · lifetime updates
Related tutorials
View all
14h 2mCreate a Scheduling Platform using Next.js 15
In this video, we are going to build a full stack scheduling application from complete scratch using the best tech on the market. This includes Next.js, Nylas, Supabase Postgres, Prisma, Tailwind CSS, Auth.js, Shadcn/UI, Vercel, Conform and much more. This is a full-stack tutorial, which means we will build everything from start to finish!
23h 18mCreate 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.
10h 4mTanStack Start Full Stack Course (10 Hours) | Server Functions, Middleware, Auth etc.
TanStack Start has gained a lot of popularity recently, and for good reason. It's a game-changing framework offering end-to-end type safety while being one of the fastest on the market. In this tutorial, you'll learn everything there is to know about TanStack Start from A to Z. We'll cover the architecture, take a deep dive into routing, server functions, middleware, server routes, metadata and meta tags, data fetching, authentication, deployment, and much more. This isn't just a light overview, it's a deep dive covering all the key concepts in detail. By the end, you'll know how to build fast, secure, and well-optimized production-grade TanStack Start applications.