NextJS: 04-14 Làm giao diện Post Card

Опубликовано: 16 Май 2026
на канале: Easy Frontend

1,237

Tiếp nối video làm layout cho Recent Posts, giờ mình làm phần UI cho Post Card nhé 😊

Định nghĩa kiểu dữ liệu Post
Sử dụng MUI Typography và MUI Divider
Cài đặt date-fns để giúp việc format date

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

00:45 Analyze part of PostCard
01:30 Design model interface Post
04:10 Fake data for apply in PostCard
06:35 Design PostCard for receive same props in recent-posts
07:00 Apply content PostCard and style layout
13:25 Handle date by npm/date-fns
15:00 Recheck all content and intro next video
———
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