Closed2
memo @240213
Zod
を使ってNext.js App Router
のルート定義を行うためのライブラリ。自らルート定義できる。
Next.js App Router
を使ってるとルートの型定義がないしExperimental
にはあるけどもバグ多し。
src/shared/navigation.ts
import { createNavigationConfig } from "next-safe-navigation";
import { z } from "zod";
export const { routes, useSafeParams, useSafeSearchParams } = createNavigationConfig(
(defineRoute) => ({
home: defineRoute('/'),
customers: defineRoute('/customers', {
search: z
.object({
query: z.string().default(''),
page: z.coerce.number().default(1),
})
.default({ query: '', page: 1 }),
}),
invoice: defineRoute('/invoices/[invoiceId]', {
params: z.object({
invoiceId: z.string(),
}),
}),
}),
);
typescript-eslint v7
新機能の目玉はNew Features - Flat Config Support
。
Flat Config
はESLint
において現在のデフォルトの設定フォーマットであり
eslintrc
は公式に非推奨(deprecated)とされている。
Flat Config
は設定ファイルの構造を単純化し、より直感的で理解し易い形式を目指し導入された。従来のeslintrc
形式は設定が複雑になりがちで、継承やオーバーライドのルールがわかりにくい場合があった。Flat Config
を使用することによってESLint
の設定をよりシンプルにし、開発者が設定を容易に理解し管理できるようになる。
このスクラップは2024/02/14にクローズされました