プロジェクトの雛形を作成する

[s-sasaki-0529]

• [x] 技術選定
• [x] Hello, World な状態に
• [x] コミット、プッシュ

[s-sasaki-0529]

技術選定

• React
  • 仕事が Vue にロックインされてるので少しでも追いつくために
• Next.js
  • 使わない理由がない
  • CD からホスティングから SSG まで Vercel に任せたい
• CSS フレームワークの類は使わない
  • レスポンシブサイトぐらい自分で作れるように (IEは切ろう)
  • 使うほどの規模じゃない
• CSS は styled-jsx 使う
  • もうこれしか受け入れられなくなってる
  • たぶん Vue に慣れてるせいなんだと思う

[s-sasaki-0529]

Hello, Wolrd な状態に

久々に Next.js 使うので公式ドキュメントを見ながらやる。

インストール

$ yarn create next-app portfolio

pretteir

$ yarn add -D prettier

typescript

$ yarn add -D typescript @types/react @types/node

あとは yarn dev で勝手に初期設定して開発環境立ち上がる

[s-sasaki-0529]

ここまでの内容をコミットして本リポジトリにプッシュ https://github.com/s-sasaki-0529/portfolio