Frontend разработчик

Улучшаем типизацию роутинга в Next.js

Неработающие ссылки, неправильно сформатированные строки запросов и отсутствующие параметры маршрута — всё это легко решаемо с помощью типизированной системы, такой как TypeScript.

К сожалению, большинство современных решений для маршрутизации, включая Next.js, не включают этого, оставляя нас одних в холодной, тёмной ночи.

В Next.js есть экспериментальная функция с возможностью подключения для статически типизированных ссылок. Чтобы её включить, активируйте experimental.typedRoutes в вашем файле next.config.js следующим образом:

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    typedRoutes: true,
  },
}
 
module.exports = nextConfig

https://www.flightcontrol.dev/blog/fix-nextjs-routing-to-have-full-type-safety


👉 @frontend_1

www.tgoop.com/frontend_1/3794

2.1K viewsOct 26, 2024 at 10:32

Улучшаем типизацию роутинга в Next.js

Неработающие ссылки, неправильно сформатированные строки запросов и отсутствующие параметры маршрута — всё это легко решаемо с помощью типизированной системы, такой как TypeScript.

К сожалению, большинство современных решений для маршрутизации, включая Next.js, не включают этого, оставляя нас одних в холодной, тёмной ночи.

В Next.js есть экспериментальная функция с возможностью подключения для статически типизированных ссылок. Чтобы её включить, активируйте experimental.typedRoutes в вашем файле next.config.js следующим образом:

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    typedRoutes: true,
  },
}
 
module.exports = nextConfig

BY Frontend разработчик