Next JS Shadcn UI with Typescript Next.JS Course
- IT & Software
- Feb 26, 2025

Next JS – Shadcn UI with Typescript – Next.JS Course, available at $44.99, has an average rating of 4.8, with 11 lectures, based on 5 reviews, and has 1114 subscribers.
You will learn about Learn Next JS Fundamentals for employment Design Patterns and highly scalable code Understand and Master Shadcn UI Learn to think and plan react projects and avoid common pitfalls This course is ideal for individuals who are This course is for students who want to learn Practical production grade React skills, students who want to learn react for employment and understand Design Patterns It is particularly useful for This course is for students who want to learn Practical production grade React skills, students who want to learn react for employment and understand Design Patterns.
Enroll now: Next JS – Shadcn UI with Typescript – Next.JS Course
Summary
Title: Next JS – Shadcn UI with Typescript – Next.JS Course
Price: $44.99
Average Rating: 4.8
Number of Lectures: 11
Number of Published Lectures: 11
Number of Curriculum Items: 11
Number of Published Curriculum Objects: 11
Original Price: R299.99
Quality Status: approved
Status: Live
What You Will Learn
Who Should Attend
Target Audiences
Welcome to the first-of-its-kind course that seamlessly by Matthew Msingathi the Designer and Developer from South Africa. This course combines essential skills in app design and development. This comprehensive program equips you with expertise in Figma for UI/UX design and React with Next.js for robust web application development.
In this course, you will delve into a powerful tech stack including React.js with Next.js, TypeScript, ShadCN UI, Tanstack Table, and Tailwind CSS. You will learn to write clean, scalable code adhering to best programming practices.
Our curriculum introduces you to core Next.js concepts such as file-based routing, dynamic routing, and conditional rendering from query parameters. Additionally, you’ll master the implementation of Tanstack Table, the most advanced table library in the industry today.
With a focus on both design and development, you’ll start by crafting intuitive, visually appealing interfaces in Figma, then bring them to life with React and Next.js. Throughout the course, you will gain practical skills to create high-performance web applications.
Join us to become proficient in modern web development and design, and set yourself apart in the competitive tech landscape. Whether you’re a beginner or looking to enhance your skills, this course offers the tools and knowledge to succeed.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Course Project Demonstration
Lecture 2: App UI Design with FIGMA
Lecture 3: Next JS Project Setup
Lecture 4: Creating a Menu Item Component
Lecture 5: Rendering Menu Group
Lecture 6: Tailwind Class Collision
Lecture 7: Left Pane Component
Lecture 8: Dynamic Routing
Lecture 9: Api Call
Lecture 10: ShadCN Image Slider
Lecture 11: Data Table
Instructors

Matthew Msingathi Hlazo
React Developer and UI Designer
Rating Distribution
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
- Random Picks
- Popular
- Hot Reviews
- ChatGPT- Write, Edit, Self-Publish and Market Book in a day
- Advanced Photoshop Manipulations Tutorials Bundle
- Life Insurance Annuity Ultimate Buyer’s Guide
- 3DS Max Tutorial. Learn The Art of Modelling and Animation
- Crypto Trading Mastery (Scalping, Day trading, price action)
- Company Valuation Financial Modeling
- The Beginner Forex Trading Playbook
- How to Draw Cute Thanksgiving!
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4The Architecture of Oscar Niemeyer
- 5SolidWorks Essential Training ( 2023 2024 )
- 6Advanced Photoshop Manipulations Tutorials Bundle
- 7ZB Trading Cryptocurrency Price Action Course
- 8Polymer Clay Jewelry Making Techniques for Beginners
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling