Sau khi đã cài đặt giao diện đăng ký, giờ là lúc chúng ta có thể cài đặt các trang xác nhận người dùng, trang đăng nhập và trang chủ, công việc này cũng không quá phức tạp vì không có xử lý logic gì nhiều, chỉ bao gồm việc tạo giao diện, gọi API và cập nhật trạng thái từ kết quả API trả về.

Styling trong NextJS có vai trò thiết yếu trong việc định hình cách mà người dùng tương tác với ứng dụng. Một thiết kế tốt có thể nâng cao trải nghiệm người dùng, trong khi một thiết kế kém có thể làm giảm sự hấp dẫn và tính khả dụng của ứng dụng. Hơn nữa, việc lựa chọn phương pháp styling phù hợp giúp tổ chức mã nguồn một cách hợp lý, dễ bảo trì và mở rộng trong tương lai. Nhờ vào các phương pháp styling, bạn có thể giảm thiểu xung đột mã và cải thiện tốc độ phát triển.

Là 1 lập trình viên các bạn đã chẳng còn xa lạ gì với markdown nữa, nói chung markdown là 1 ngôn ngữ đánh dấu nó rất phổ biến, nhưng trong bài viết này chúng ta không bàn tời markdown mà chúng ta sẽ nói đến MDX (Markdown eXtended), khi làm việc với NextJS các bạn đã bao giờ thấy 1 file có đuôi là mdx chẳng hạn Post.mdx hay Page.mdx chẳng hạn, đây là 1 file được viết bằng `MDX`, vậy `MDX` là gì?

Trong bài viết này mình sẽ giới thiệu về refine.dev, ưu nhược điểm của refine là gì, các công nghệ bên trong nó sử dụng,... Hãy theo dõi bài viết để cùng tìm hiểu nhé.

Trong bài viết này, chúng ta sẽ tìm hiểu cách mà React, cùng với Next.js, đã và đang phát triển để trở thành một nền tảng full-stack mạnh mẽ. Bài viết cũng sẽ phân tích những cải tiến như React Server Components và Server Actions, cùng cách chúng thay đổi hoàn toàn cách xây dựng ứng dụng web hiện đại.

Một ứng dụng của chúng ta sẽ có rất nhiều trang, tuy nhiên khi chúng ta chuyển trang thì lại không được reload lại trang để tối ưu, React cũng đã cung cấp cho chúng ta thư viện Navigation, tuy nhiên chúng hãy thử sức tự mình xây dựng phần này xem có được không nhé.

câu hỏi thường gặp khi chọn ngành IT, ngành IT có yêu cầu bằng cấp không?, có cần giỏi Toán không?, yếu tiếng anh học IT có được không?

Bạn cảm thấy mệt mỏi khi phải lúc nào cũng phải lướt qua hàng trăm dòng code HTML và CSS? Bạn có hứng thú với các trình soạn thảo WYSIWYG (What You See Is What You Get) no-code hoặc low-code? Hoặc bạn là Web Developer nhưng mong muốn giảm một khoảng thời gian đáng kể để kéo thả theo design thay vì cách ngồi gõ code thông thường? Vậy thì GrapesJS chắc chắn là giải pháp hoàn hảo dành cho bạn.

Ngày 19/07/2024, buổi bảo vệ đồ án web tĩnh cho học viên lớp Web Frontend số 39 Học viên thuyết trình đồ án và trao đổi với ban giám khảo trực tiếp tại trung tâm các học viên lớp khác cũng được tham gia để tham khảo và học hỏi.

Bên cạnh các lớp tiện ích có sẵn, Tailwind CSS cũng hỗ trợ tích hợp các plugin để mở rộng chức năng và làm cho quá trình phát triển dễ dàng hơn. Trong bài viết này, chúng ta sẽ tìm hiểu cách tích hợp và sử dụng 3 plugin phổ biến của Tailwind CSS như @tailwindcss/forms, @tailwindcss/typography, và @tailwindcss/aspect-ratio.

Trong bài viết trước, chúng ta đã tìm hiểu cách tùy chỉnh cấu hình Tailwind CSS. Bài viết này sẽ hướng dẫn các bạn cách sử dụng Tailwind CSS trong các component React của Next.js, bao gồm cách tổ chức và tái sử dụng các component để tạo giao diện nhất quán và tối ưu.

Tiếp nối bài trước, sau khi chúng ta đã tích hợp thành công Tailwind CSS vào dự án Next.js, bước tiếp theo là tùy chỉnh cấu hình để phù hợp với thiết kế và yêu cầu của bạn. Trong bài viết này, chúng ta sẽ khám phá cách tùy chỉnh file ==tailwind.config.js== để thêm màu sắc, font chữ, và các lớp tiện ích tùy chỉnh.