Next JS - Shadcn UI with Typescript - Next.JS Course

Focused View

Matthew Msingathi Hlazo

8:38:54

0 View

1. Course Project Demonstration.mp4

02:04

2. App UI Design with FIGMA.mp4

56:36

3. Next JS Project Setup.mp4

21:54

4. Creating a Menu Item Component.mp4

52:56

5. Rendering Menu Group.mp4

07:57

6. Tailwind Class Collision.mp4

31:19

7. Left Pane Component.mp4

42:10

8. Dynamic Routing.mp4

27:44

9. Api Call.mp4

09:46

10. ShadCN Image Slider.mp4

01:24:39

11. Data Table.mp4

03:01:49

Description

Next JS with ShadCN UI - Next JS Typescript with Next JS Routing Next JS Routing, Next JS Layout

What You'll Learn?

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

Who is this 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

What You Need to Know?

Basic Web Tech and React fundamentals

More details

Description
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.
Who this course is 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

User Reviews

Rating

average 0

Total votes0

Focused display

I am Matthew Msinagthi a React Developer and a Designer from South Africa. I hold a Diploma in Software Development and I have a lot of experience a s a Graphic Designer. I am passionate about technology and I love to breakdown complex concepts into simple terms that students can understand

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.