filmov
tv
Build & Deploy Full Stack Next.js Expense Tracker app using React, Tailwind Css, Drizzle ORM, Clerk
Показать описание
📚 Materials/References:
Source Code of Application (give it a star ⭐):
Dirzzle ORM:
By the end of this tutorial, you'll have a solid understanding of building dynamic web applications and deploying them for the world to see. Let's dive in and start coding together!
Join this channel to get access to perks:
⏰ Timestamps:
00:00:00 Introduction & App Demo
00:05:29 React-NextJs Project Setup
00:19:28 Landing Screen
00:32:33 Authentication
00:47:56 SideNav Bar
01:06:05 Backend Setup (Drizzle ORM + Postgres + Neon)
01:23:03 Create New Budget
01:52:50 Display Budget List
02:14:11 Skelton Effect (For Loading...)
02:20:26 Add New Expenses
02:45:18 Display & Manage Expenses
02:58:36 Delete Budget
03:07:34 Edit / Update Budget
03:19:01 Dashboard (Cards)
03:36:44 Bar Chart
03:43:28 Budget List & Expenses List (On Dashboard)
03:54:44 Quick Fix
03:59:13 Deploy App on Vercel
#nextjs @neondatabase #tailwindcss #reactjs #expensetracker #nextjstutorial #nextjs14 #tubeguruji @tubeguruji
Комментарии