Cấu hình chuyển huớng trong Next.js

Tổng quan

Chuyển hướng là một phần quan trọng trong mọi ứng dụng web, giúp người dùng di chuyển giữa các trang một cách dễ dàng và nhanh chóng.

Giả sử quý vị có một ứng dụng Next.js với một số trang như /events, /classes, /about, /contact,… Bạn muốn chuyển hướng từ /classes sang /events hoặc từ /about sang /contact. Để thực hiện điều này, quý vị cần cấu hình chuyển hướng trong Next.js.

Để cấu hình chuyển hướng trong Next.js, quý vị có thể sử dụng rewrites trong file next.config.js. rewrites cho phép quý vị chuyển hướng từ một URL nguồn đến một URL đích.

// next.config.js
module.exports = withBundleAnalyzer({
    ...
    async rewrites() {
        return [{
            source: '/classes',
            destination: '/events',
        }]
    },
    ...
});