💻

Next.js + TypeScript のテンプレートを触ってみた

2021/03/30に公開

vercel が開発者フレンドリーな Next.js アプリをテンプレートとして提供していたので触ってみました。

https://github.com/vercel/next.js/tree/master/examples/with-typescript-eslint-jest

example/ にさまざまなサンプルが充実していて、用途に沿ったものを選べば爆速で bootstrap できそうです。
今回選択したテンプレートは以下の項目全てが揃っていました。

  • TypeScript のサポート
  • ESLint による Lint
  • Prettier によるコードフォーマット
  • husky によるコミットフックでの Lint, Format
  • Jest でのテスト

利用者は create-next-app で以下のようにテンプレートを指定するだけです。

yarn create next-app --example with-typescript-eslint-jest example-next-ts

個人的に以下 2 つもフロントエンド開発者的には必要なのかなと思いました。

  • GitHub Actions による CI テスト
  • Material UI によるマテリアルデザイン

実際に導入してみたリポジトリはこちらです。

https://github.com/ks6088ts/example-next-ts

Discussion