設定不要でNext.jsとNuxt.jsの内部リンクを型安全に取得できる最強ライブラリ「pathpida」

BRANK

Qiita TypeScript Advent Calendar 2020 最終日の記事です。TypeScript製の内部リンク取得ライブラリ「pathpida」最近ちょっと話題になった frourio と aspida を開発したSolufaです。Zenn初投稿を記念して、新作ライブラリ「pathpida」を紹介します。と言っても完全な新作ではなく、初回リリースからもうすぐ1年が経ち月間DL数は1,000を超えています。自分が関わる案件だけで静かに検証を続け、ようやっと今週全面リニューアルして一般告知が出来るようになりました！pathpidaはNext.jsとNuxt.jsそれぞれのルーティング規約に最適化しているので設定不要で型安全に使うことが出来ます。どんな問題を解決するのか以下のように/post/1 に遷移するLinkがあるとします。import Link from 'next/link' export default () => { const url = `/post/${1}` return <Link href={url} /> } この時、/post/{pid}が内部リンクとして適切かどうかを静的に型検査することはできません。もしpages/post/[pid].tsx というファイルが存在しなければページ遷移に失敗します。TypeScript4.1で追加されたTemplate Literal Typesを使おうとしてもpagesにある大量のファイルパスを手書きする…