nextjs Tìm hiểu về route guard trong NextJS Trong Next.js, bất kỳ người dùng nào cũng có thể điều hướng đến bất kỳ đâu trong ứng dụng bất cứ lúc nào. Đó không phải lúc nào cũng là điều đúng đắn để làm. * Có lẽ người dùng không được phép điều hướng đến thành phần đích. * Có
nextjs Redux làm việc như thế nào? -------------------------------------------------------------------------------- Tổng quan về Redux 1. Redux là gì? * Redux là một thư viện javascript để quản lí và update trạng thái của ứng dụng, sử dụng sự kiện gọi là "action". * Nó giống như một kho lưu trữ tập trung các trạng thái được sử dụng bên
nextjs Zero-downtime deployment với dự án Next.js Giả sử, trong lúc khách hàng đang sử dụng dịch vụ, mà chúng ta lại cần release gấp 1 tính năng, chúng ta không thể cài đặt maintain mode rồi deploy, hoặc làm cho hệ thống dừng hoạt động trong lúc deploy, đó là một trải nghiệm không tốt.
typescript Type checking Strictness với Typescript Một trong những lợi ích nổi bật của Typescript so với Javascript là static type nó giúp chúng ta kiểm tra kiểu, nhắc và cảnh báo lỗi. Nhưng nó cũng gây khá nhiều khó khăn cho người mới bắt đầu chuyển từ Javascript sang Typescript. Để việc chuyển sang Typescript
typescript CSS và Tối ưu Image, Font, Script trong NextJS Trước khi đi vào chủ đề chính chúng ta sẽ tìm hiểu khái quát về Web Vitals. Web vitals là một sáng kiến của Google cung cấp các chỉ số và hướng dẫn thống nhất để đo lường trải nghiệm người dùng trên website. Core web vitals là một phần
typescript Page và Rendering trong NextJS Page là gì? Page là một React Component được exported ra từ file js, jsx, ts, tsx trong thư mục pages. Tên file là thể hiện route đến file đó. ví dụ: Tạo một trang about cho trang web chúng ta sẽ tạo như sau: Pre-rendering trong NextJS Mặc định
nextjs Bắt đầu NextJS + Typescript NextJS là gì? NextJS là một React Framework dùng để phát triển single page application (SPA). NextJS nổi bật với nhiều lợi ích như: có thể dùng cả static và server rendering, hỗ trợ Typescript, mặc định sử dụng webpack, pre-fetching... * Những lợi thế chính khi sử dụng NextJS -
