Next.jsでアプリを作る時にパッと使いたいスターターが欲しかったので作りました。

探せばいろいろあるにはあったんですが、create-next-appでできるものをTypeScript化しただけの薄いやつが欲しかったというのもあります。

使い方

create-next-appのexampleにURLを指定するだけです。

$ npx create-next-app YOUR_APP_NAME --example "https://github.com/wpkyoto/nextjs-starter-typescript/tree/main"
$ cd YOUR_APP_NAME

$ npm run dev
# or
$ yarn dev

できるファイル

本当にただセットアップを終わらせただけの状態です。

% tree  -I node_modules 
.
├── README.md
├── next-env.d.ts
├── package.json
├── pages
│   ├── _app.tsx
│   ├── api
│   │   └── hello.ts
│   └── index.tsx
├── public
│   ├── favicon.ico
│   └── vercel.svg
├── styles
│   ├── Home.module.css
│   └── globals.css
├── tsconfig.json
└── yarn.lock

4 directories, 12 files

とはいえコマンド4〜5発毎回叩くのも面倒だったので、とりあえずはこれでいいかなという感じです。