Master Shadcn UI with Next JS 14 and E-commerce Project

Channel:
India Geeky Shows
Subscribers:
543,000
Published on ● Video Link: https://www.youtube.com/watch?v=Mg93safD9ss


Duration: 53:25
3,766 views
0

Exciting times ahead! In this video, we embark on a journey through the powerful synergy of Shadcn UI and Next.js 14, creating a dynamic E-Commerce project that will elevate your UI design skills. Join me as we blend cutting-edge technology with aesthetic brilliance to bring your web development to new heights!
00:00 Introduction to Shadcn UI
03:53 Installation in Nextjs 14
04:33 Create NextJS 14 Project
05:31 shadcn UI init command
09:55 shadcn Files and Folders
12:46 Edit Default NextJS Page
13:58 components json file
15:10 Theming
16:48 Dark Mode
17:16 CLI
17:20 Typography
18:24 Button
18:36 Add Button Component
21:10 How to use Button Component
24:00 Icons
26:00 Button Animation
27:10 Link asChild
28:30 Alert
31:04 Alert Dialog
31:26 Aspect Ratio
31:43 Avatar
32:10 Badge
32:26 Calendar
32:42 Card
33:49 other components ui
36:26 E-commerce Project UI
37:18 Top Navgation
42:11 Hero
44:24 Product Card
47:16 solve src prop error
48:47 Change Theme
50:41 Change Variable Color
51:46 Official Examples
52:40 Official Github



Other Videos By Geeky Shows


2023-11-2910 Freelancing Secrets Revealed | Make Money Online
2023-11-28Master React JS Complete Basic to Advance
2023-11-26Importance of LinkedIn for getting Job and Freelancing Clients
2023-11-24The Dark Side of NEET and JEE Exposed
2023-11-23Is Mastering DSA Really Compulsory
2023-11-22Complete MERN Stack Basic to Advance
2023-11-21Exams as speed breaker on learning path | I hate exams
2023-11-20Integrate Vue 3 or Nuxt 3 with Supabase
2023-11-19Why AI Surpasses Web 3 AI is the Future
2023-11-18Integrate React JS or Next JS 14 with Supabase
2023-11-17Master Shadcn UI with Next JS 14 and E-commerce Project
2023-11-16Education Scam The Dark Side of Paid Programming Courses
2023-11-16Supabase CLI and Local Setup
2023-11-15Exciting News! Next js 14 Free Course Announcement
2023-11-14Master Supabase Basic to Advance including Supabase AI
2023-11-13Investing Time in Data Structures is a Waste
2023-11-12Scoop a Windows CLI Installer Crash Course
2023-11-11A Client threatened to sue me Nightmare of web Development Freelancer
2023-11-10Supabase overview and Create Account
2023-11-09Why Video Streaming Websites Cost More Than You Think
2023-10-06Redis Authentication and Authorization


Tags:
react
nextjs
typescript
Introduction to Shadcn UI
Installation in Nextjs 14
shadcn UI init
shadcn ui nextjs 14
shadcn ui react
shadcn ui
shadcnui
nextjs14
ecommercedesign
webdevmastery
uirevolution
techinnovation
uiuxmagic
codingproject
frontenddevelopment
webdesignexcellence