NextJS: 04-02 Setup MUI v5 cho NextJS Typescript Project

Опубликовано: 20 Май 2026
на канале: Easy Frontend
2,895
42

Setup MUI v5 cho project NextJS hơi rắc rối, cùng mình tìm hiểu xem sao nhé mn 😊

Slide: https://drive.google.com/drive/folder...
———
#nextjs
#mui_5
#nextjs_tutorial
———
VIDEO CHAPTERS:
Made by: Sinh Bùi Đình
Cảm ơn bạn nhiều nhé! ❤️

00:15 Introduce
00:28 Create-react-app setting
01:00 Example setting in homepage MUI
01:40 Install package from official document MUI
02:40 Folder structure management
03:00 File important need attention
03:50 Check installed package
04:10 Move needed function from official document MUI
05:10 Optimize theme
05:40 Export all utils & setting tsconfig
06:20 Add custom document
07:10 Detail _document.tsx & structure HTML in _document
08:10 Custom _app.tsx
10:45 Running to check after custom
11:10 Apply Box from MUI
12:50 How to customize MUI theme
14:10 Content next section
———
Easy Frontend - Code xịn hơn mỗi ngày
🔥 Khoá học Javascript: https://course.ezfrontend.com/javascript
🎁 Khoá học ReactJS: https://course.ezfrontend.com/reactjs
🎯 Fan cứng Easy Frontend:    / @easyfrontend  
———
💰 Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé
———
Kết nối với mình:
✅ Follow facebook:   / nvhauesmn  
🎉 Fan page:   / learn.easyfrontend  
❓ Group:   / easyfrontend  
💻 Github: https://github.com/paulnguyen-mn
💼 LinkedIn:   / haunguyenmn