Next.js 11 setup with Material UI Version 5 | Part 1 - Emotion

Показать описание

There are 2 new ways to set up Material UI version 5 and in this video, we will look at how to set it up using the library called emotion. We will also do a quick tutorial on emotion so that If you are unfamiliar with it, we can learn to see what exactly it is doing when Material UI requires you to install it.

Timestamps:
0:00 intro
0:45 clone starter
2:00 emotion install
4:35 configure emotion
13:09 emotion/styled
16:00 mui v5 setup

Рекомендации по теме

Комментарии

The level of your tutorials is very professional. Your channel is one of my favorites. Excelent work.

youtekdev

I've been looking for a video like this. Thanks

aaronharris

Great job Leo, thanks for doing this looking forward to part2!

khandoor

You just earned a new subscriber, this really helped me! Thanks!

matejbeno

so super noob question. in VScode for example at 01:16 when I hit save the long line at 16 breaks down on separate lines => WHAT setting is causing this? How can I be sure that all my team members (working on same code) have the same settings so that we don't push unnecassary commits?

GRANATE

this video is genius. thank you and great job.

andreicucea

Excellent great. you are doing wonderful job

rammehar

Well done bro, I liked your tutor style, I subscribed in the hope of viewing new videos in the same style from you.
And there is a question, what emotion-cache used for? do we need it in all the rendering styles?

hedi_muhammad

Not shown how to use emotion to stylize the MUI components :(

valentynshapoval

@Leo Roese Are there any modifications needed for Next.js 12 to work smoothly with Material-UI?

amazonreviews

Can i use next/core-web-vitals with 9-10 next?

LogopedLTD

Great tutorial, can please do storybook with Material UI V5 thanks

VikasKumar-vspu

Hi, great work, what's that plugin on your browser?

Kaizala

Hello sir good evening, Thank for sharing your knowledge, this is awesome tutorial and I learned a lot, may i ask sir ?, sir did you noticed the problem in styled component in console it shows className did not match on Server? How to fix that sir?

motivateme

you should have started the setup from scratch instead clone a preconfigured repo and explaining. it becomes confusing

firojsiddiki

you can say "let's go ahead and xxx" less..

Stevexupen

Next.js 11 setup with Material UI Version 5 | Part 1 - Emotion

Next.js 11 setup with Material UI Version 5 | Part 1 - Emotion

Next.js 11 setup with Material UI Version 5 | Part 2 - Styled-Components

How To Install Next JS 14 in Windows 11 for Beginners

Build a Video Game Menu, Material UI with NextJS 14 & React 18

Next.js Tutorial - Part 5 | Material-ui Integration + _app and _document

Next.js Tutorial #2: How to add Material UI to Next.js

Material-UI Basics Course #1 - Intro & Setup #reactjs #nextjs #material

Setup Material UI With Next.js Typescript

Let's get wavey! 🌊 Animated wave plane in React Three Fiber. Custom shader material tutorial 🎨...

NEXT.js 13 Complete Tutorial (Part 1)

Next.js Installation: Setup with TypeScript and Understanding Your First Next.js App

Next.js Tutorial #1 | Set up project & install MUI

Next.js Tutorial #2 | Using Material UI React Components with Next.js

Shadcn UI Crash Course #1 - Introduction & Setup

Create Pages and Layouts in Next.js with TypeScript

Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next 14, St...

Pigment-CSS: Material-UI Fixed on NextJS and React 19

Next.js 13.4 Install & Setup in 60 Seconds

#4 Next js crash course | Installing Node SASS & Material UI

Material-UI Basics Course #5 - makeStyles #reactjs #nextjs #cssinjs

How to Setup Next JS Project with Material UI (Hindi)

Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS

Portfolio Website Project | Django, Next.js, Material UI, PostgreSQL | Light and Dark Mode | 2 of 3

Full Responsive Design in MUI (Material UI) Course - React Next.js