In this advanced tutorial, build a modern, responsive E-commerce application using Next.js 14! Discover how to integrate Kinde Auth for secure authentication, create and implement a robust Sanity.io schema, and design sleek UI components with Shadcn/ui, Tailwind CSS, and Material UI. Whether you're looking to level up your development skills or add a standout project to your portfolio, this video is for you!
Chapters:
00:00:00 - Intro
00:05:11 - Application Demo
00:08:52 - Setting up project, installing dependencies, and libraries
00:19:52 - Create Cart Context Provider
00:36:57 - Creating & Implementing Sanity.io Schema
01:05:28 - Cart badge component
01:11:36 - Nav Component
01:19:58 - Hamburger Nav Component
01:40:34 - Configuring Next.js Image remote patterns/host
01:42:11 - Configuring Banner Server Component
01:49:57 - Configuring Banner Client Component
02:22:11 - Fixing Nav Authentication for Cart Badge/Icon
02:23:07 - Cart page Configuration
03:27:11 - FeatureItems & ProductItems Component Config
03:38:59 - Debugging Cart Increment Button
03:39:58 - Configuring FeaturedItemsModal Component
04:25:48 - Configuring StoreItemModal Component
04:43:06 - Configuring StoreItem Component
05:43:43 - Outro
View the full project repository here: https://github.com/Akintola97/ecomic.git
#NextJS14 #EcommerceApp #KindeAuth #SanityIO #ShadcnUI #TailwindCSS #MaterialUI #WebDevelopment #PortfolioProject #JavaScript #ReactJS #FrontendDevelopment #CodingTutorial #DevCommunity #ModernWebApp
