Zenn
Open4

React × Next.js × TypeScript学習ログ

Next.js
React
TypeScript
FrontWorksDevFrontWorksDev

インストール

yarn create next-app --ts

思ったより対話形式にはならなかった。

--tsは--typescriptでも良いみたい。

オプションで一緒にアプリ名（ディレクトリ名）も入れれるみたいだけど今回は割愛。

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

出来上がったファイルたちはこんな構造。

よくみるsrcディレクトリはないけど最近はこれが主流...?

FrontWorksDevFrontWorksDev

やっぱりsrcディレクトリ作っている人は多い様子。

作ってそこに全部まとめる。