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!
🚀 Try Mailtrap for free: https://l.rw.rw/jan_marshal
👨🏻💻 GitHub Repository: https://janmarshal.com/courses/create-a-invoice-platform-using-next-js-mailtrap-auth-js-tailwind-2024
🌍 My Website: https://janmarshal.com/
✅ Follow me on X: https://x.com/janmarshaldev
📧 Business ONLY:
[email protected]
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
* Beautiful Landing Page
* Server-side implementation
* Performance Optimised (React Streaming)
* Clean Code
Resources used:
Next.js: https://nextjs.org
Mailtrap: https://l.rw.rw/jan_marshal
Tailwind.css: https://tailwindcss.com
Shadcn/UI: https://ui.shadcn.com
Prisma: https://prisma.io
Neon: https://neon.tech
Conform: https://conform.guide/
Vercel: https://vercel.com/
Zod: https://zod.dev/
Conform: https://conform.guide/
Authjs: https://authjs.dev/
Background: https://ui.ibelick.com/
00:00 Intro
05:00 Installation
12:30 Detailed Project overview
28:00 Create Login Route
38:00 Implement Authentication
01:37:00 Dashboard Layout
02:16:00 Onboarding Route
03:06:00 Invoice Management Route
03:26:00 Invoice Creation
05:50:00 PDF Generation
06:40:00 Edit Invoice
07:19:00 Reminder Email
07:40:00 Invoice Deletion
08:00:00 Mark invoice as Paid
08:20:00 Create Dashboard Analytics
10:05:00 Landing Page
10:28:00 Deployment