———
#nextjs
#typescript
#nextjs_tutorial
———
VIDEO CHAPTERS:
Made by: Sinh Bùi Đình
Cảm ơn bạn nhiều nhé! ❤️
00:00 Introduce real case set up multiple layout
00:50 Structure code for multiple layout & setting tsconfig for layout
01:45 How to export all function
03:00 Create common model with interface layoutProps
05:00 Use common interface in layout
05:45 Create main layout
06:40 Create same layout for adminLayout & emptyLayout
07:25 Apply layout for pages/. and tree-shaking
09:20 Problem mounting & unmount and re-render when use layout
11:20 Introduce _app & initialize page
12:50 Test for idea use layout in _app.tsx
14:30 Introduce how to custom app & layout with nextjs document
15:15 Implement idea setting Layout through page
16:30 Implement overwrite layout
20:00 Explain re-render and unmounting when same/dif layout
23:30 Summary
———
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: https://www.youtube.com/channel/UCG2ovypNCpVOTFeY1YCocmQ/join
———
💰 Ủ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: https://www.facebook.com/nvhauesmn/
- 🎉 Fan page: https://www.facebook.com/learn.easyfrontend
- ❓ Group: https://www.facebook.com/groups/easyfrontend
- 💻 Github: https://github.com/paulnguyen-mn
- 💼 LinkedIn: https://www.linkedin.com/in/haunguyenmn/