Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)
Build and deploy a full-stack e-commerce website with Next.js 13.4 and the new app router. This tutorial will walk you through harnessing Next.js server actions, managing databases with Prisma, constructing a dynamic website akin to Amazon, and ensuring user security with Next-Auth, MongoDB, and Google login. Enhance the user experience with anonymous carts and a stellar UI via TailwindCSS and DaisyUI. Seamlessly deploy on Vercel, optimize page metadata, streamline Prisma requests with React cache, and set up essential developer tools for a smooth coding journey.
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro and prerequisites
⌨️ (0:08:48) Project setup
⌨️ (0:28:18) Prisma and MongoDB setup
⌨️ (0:45:42) Add product page (Server action in server component)
⌨️ (1:31:07) Products list page
⌨️ (2:00:11) Product details page (generateMetadata + React cache)
⌨️ (2:17:14) Add to cart button (Server action in client component)
⌨️ (3:01:01) Navbar + footer
⌨️ (3:26:38) Cart page
⌨️ (3:53:50) User login (Next-Auth)
⌨️ (4:33:37) Merging user cart with anonymous cart
⌨️ (5:01:26) Pagination
⌨️ (5:25:56) Search functionality
⌨️ (5:32:48) Prisma extension
⌨️ (5:46:42) Deployment + social preview
-
3:52
ChainDaemon
1 year agoIntroducing Next.js App Router
8 -
1:57:13
Innovated
11 months agoBuild a Full Stack Next js App with React, TailwindCSS, MongoDB & Express js
150 -
27:50
Time to Code with Ali
1 year ago $0.01 earnedBuild a Next.js 13 APP with TypeScript
1841 -
47:58
Free Skills
2 years agoWeb Dev 10 - 3 Node.js Routing with Express
58 -
24:55
Affiliate Marketing For Beginners
1 year agoHow To Create An Online Store - Simple, No BS, Beginner Friendly Shopify Tutorial
26 -
16:44
Jason Gandy
1 year agoStart A Blog On Shopify | Shopify Blog Tutorial
29 -
2:14:52
MONEYPEOPLE
3 years agoCOMPLETE Shopify Tutorial For Beginners 2021 - How To Create A Profitable Shopify Store From Scratch
36 -
45:11
Tetevas BTC
10 months agoTutorial Carteira Blixt Wallet Lightning Network
29 -
1:37:20
Time to Code with Ali
1 year ago $0.01 earnedBuild a Portfolio with NEXT.js13 & TypeScript & TailwindCSS
1291 -
26:05
Jason Gandy
1 year ago $0.01 earnedShopify Store Setup Tutorial (2022)
481