フロントのむちむちが出てしまった。

こんにちは、今日はこのマイページ作成を進めています。

Next.jsへの移管した

フロント知識が薄すぎて、NextではなくReactでSG(SSG)ができると思い込んでおり、
色々やり方を調べては出て来ず詰んでました。

しかし、Next.jsの方でできることを知って早急に移管することになりました。

indexのページまでしか作っていなかったので、まだギリ耐えでした。

移管中の工夫

このページはmainにpushされると自動でデプロイされるようにしているので、
移管のタイミングでmainが壊れないように以下の手順でNext.jsに置き換えました。

1. Reactのディレクトリ、client/ を react-client/ へrenameする 🚚
2. それに合わせて、デプロイアクションなどで react-client/ を見るようにする ⚡
3. 新しく client/ で　Nextのプロジェクトを作成 ✨
4. デプロイしているところまで client/ を更新 ⚡️
5. デプロイ先を client/ へ変え、動いているか確認する 🚀
6. react-client/ を削除する 🔥

リファクタする時はこのようにやっているので、完全な移管をするときもちゃんと活きてきましたね。