MENU

Fun & Interesting

ShadCN UI Crash Course with Next.js | Mode Toggle, Sheets, Badges & more

Coding With Abbas 668 lượt xem 6 months ago
Video Not Working? Fix It Now

Final Code:
https://github.com/ghulamabbas2/shadcn-with-nextjs


Next.js Complete Masterclass:
https://www.udemy.com/course/nextjs-build-full-stack-apps-with-nextjs-using-redux/?couponCode=NEXT-YT-164


⚙️ Gadgets I use for Recording:

💻 Laptop - Macbook PRO M1 - 16/512
https://amzn.to/4eUqrSe

🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
https://amzn.to/3W9Z4wl

🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
https://amzn.to/3RY4xUy

⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
https://amzn.to/3RY4Fn0

🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
https://amzn.to/4bxidN6


Welcome to the complete crash course on Next.js and ShadCN UI! In this video, we'll guide you through the essentials of building modern, responsive, and stunning web applications using the power of Next.js and ShadCN UI. Whether you're a beginner or looking to enhance your web development skills, this tutorial is perfect for you.

We'll cover:

✅ Installing and configuring ShadCN UI in a Next.js project.
✅ Utilizing pre-built ShadCN components for a sleek design
✅ Creating responsive layouts with ShadCN UI
✅ Mobile Responsiveness

By the end of this video, you'll have a solid understanding of how to combine Next.js and ShadCN UI to create beautiful, modern web applications with ease.

🔔 Don't forget to subscribe to our channel and hit the notification bell to be notified when we release new videos.

Comment