Next.js メモ

Nextjsプロジェクト作成まで

利用技術

• Next.js
• TypeScript

プロジェクト作成

$ npx create-next-app <project-name>

TypeScript導入

$ touch tsconfig.json
$ yarn add --dev typescript @types/react @types/node
$ yarn dev

既存ファイルの拡張子を変更

$ find pages -name "_app.js" -or -name "index.js" | sed 'p;s/.js$/.tsx/' | xargs -n2 mv & \
  find pages/api -name "*.js" | sed 'p;s/.js$/.ts/' | xargs -n2 mv