こちらは、TypeScript Advent Calendar 2020 14日目の記事になります! はじめに 最近、個人での開発にてTypeScriptを選定することが多くなり、その中で NestJS を使ってバックエンドのAPIを構築する機会があったのですが、 フロントエンド(Nuxt.jsで作ったSPA)との通信について、割といい感じに作れた気がしたので、備忘録として残したいと思います✍️ どんなものを作るか Webアプリのフロントエンドとバックエンド間での通信として、以下のことを実現したいという気持ちがありました リクエスト/レスポンスに型付け したい💪 フロント/バックエンド双方のTSで、InterfaceなりClassなりに値が詰められたDTOを扱いたい バックエンド側で定義した型をフロント側でも使いたい I/Fの更新をフロント側からいい感じに取り込みたい フロントのコード上