Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Автор: Jan Marshal

Загружено: 2024-11-24

Просмотров: 81290

Описание:

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://www.marshalcode.com/free-tuto...
🌍 My Website: https://www.marshalcode.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

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#9249 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "XCLKnEKwRa0" ["related_video_title"]=> string(86) "Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 2/2)" ["posted_time"]=> string(24) "12 часов назад" ["channelName"]=> string(11) "Jan Marshal" } [1]=> object(stdClass)#9222 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "lVg7kBhz2KE" ["related_video_title"]=> string(82) "Create a Job Board SaaS with Next.js, Inngest, Auth.js, Arcjet and Tailwind | 2025" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> string(11) "Jan Marshal" } [2]=> object(stdClass)#9247 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "vEQlN17miq8" ["related_video_title"]=> string(67) "Build a Complete SaaS With Next.js, Tailwind, React, Hono.js (2024)" ["posted_time"]=> string(27) "7 месяцев назад" ["channelName"]=> string(17) "Josh tried coding" } [3]=> object(stdClass)#9254 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "f-QNuXFlGd8" ["related_video_title"]=> string(60) "Design Better UI Themes in Minutes (Tailwind + shadcn ready)" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(13) "DevLevelUpper" } [4]=> object(stdClass)#9233 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Z_uuij49rgM" ["related_video_title"]=> string(175) "Исчезновение урана: начало ядерной игры? Китай угрожает страшными последствиями /№969/ Юрий Швец" ["posted_time"]=> string(21) "3 часа назад" ["channelName"]=> string(54) "Юрий Швец -- официальный канал" } [5]=> object(stdClass)#9251 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "192KLouTZMA" ["related_video_title"]=> string(90) "Игра, опередившая время на десятилетия | The Movies 2005" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(7) "Amytrip" } [6]=> object(stdClass)#9246 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ann_T6P2vxY" ["related_video_title"]=> string(99) "ОГРОМНАЯ ИЗБА! ПОПАЛ ПОД ПРОЛИВНОЙ ДОЖДЬ. ИДУ ЗА ЩУКОЙ." ["posted_time"]=> string(24) "12 часов назад" ["channelName"]=> string(16) "-ТАЁЖНЫЙ-" } [7]=> object(stdClass)#9256 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "IgLGiJ00a1I" ["related_video_title"]=> string(151) "Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> string(14) "Mister Exploit" } [8]=> object(stdClass)#9232 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "xIfSwINNM40" ["related_video_title"]=> string(77) "Build an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind" ["posted_time"]=> string(22) "10 дней назад" ["channelName"]=> string(18) "Web Dev Simplified" } [9]=> object(stdClass)#9250 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8Onfi4LnX7Q" ["related_video_title"]=> string(52) "Taking a Dev Codebase and Making It Production Ready" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(11) "Jan Marshal" } }
Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 2/2)

Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 2/2)

Create a Job Board SaaS with Next.js, Inngest, Auth.js, Arcjet and Tailwind | 2025

Create a Job Board SaaS with Next.js, Inngest, Auth.js, Arcjet and Tailwind | 2025

Build a Complete SaaS With Next.js, Tailwind, React, Hono.js (2024)

Build a Complete SaaS With Next.js, Tailwind, React, Hono.js (2024)

Design Better UI Themes in Minutes (Tailwind + shadcn ready)

Design Better UI Themes in Minutes (Tailwind + shadcn ready)

Исчезновение урана: начало ядерной игры? Китай угрожает страшными последствиями /№969/ Юрий Швец

Исчезновение урана: начало ядерной игры? Китай угрожает страшными последствиями /№969/ Юрий Швец

Игра, опередившая время на десятилетия  | The Movies 2005

Игра, опередившая время на десятилетия | The Movies 2005

ОГРОМНАЯ ИЗБА! ПОПАЛ ПОД ПРОЛИВНОЙ ДОЖДЬ. ИДУ ЗА ЩУКОЙ.

ОГРОМНАЯ ИЗБА! ПОПАЛ ПОД ПРОЛИВНОЙ ДОЖДЬ. ИДУ ЗА ЩУКОЙ.

Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!

Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!

Build an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind

Build an AI-Powered Job Board From Scratch with Next.js 15, Drizzle, Tailwind

Taking a Dev Codebase and Making It Production Ready

Taking a Dev Codebase and Making It Production Ready

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]