スピーカー
Nuxt × Vue Router の力を最大限を引き出す機能を紹介 ～Typed Pages, Nested Routes, Routes' Matching Syntax～
Nuxt 3 のルーティングライブラリとして採用されている Vue Router には、普通に使っているだけでは気づきにくい強力な機能が多く備わっています。
Nuxt とは別で開発されていること、ドキュメントが英語しかないことなどから、Nuxt の公式ドキュメントを隈なく見ている人でも意外と知らない機能があるかもしれません。
ルーティングに型推論を持ち込む Typed Pages、レイアウトファイルを階層管理できる Nested Routes、ファイルベースに縛られない柔軟なルート管理を可能にする Routes' Matching Syntax など、Vue Router を最大限活用するための強力な機能を紹介します。
※Typed Pages については以下の記事の内容をベースに話す予定です。
https://zenn.dev/ytr0903/articles/8444a0a2d1bf22
株式会社アンドパッド
開発部 テックリード
Yutaro Koizumi
株式会社アンドパッドで、建設業に特化した原価管理や資料承認などの機能を開発しているフロントエンドエンジニアです。業務ではVue, Nuxtを中心に、Next.js や Remix を使った開発にも携わっています。
VueやNuxtに関する記事を時々書いています。