MENU

Fun & Interesting

Create a Invoice Platform using Next.js, Mailtrap, Auth.js, Tailwind | 2024

Jan Marshal 73,844 5 months ago
Video Not Working? Fix It Now

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

Comment