Nuxt.jsからNext.jsへ、作り直した。

imatomix
2021年11月9日 8:05

概要

Nuxt.js で作っていた本サイトを Next.js で作り直しました。
最近、仕事で触るのは Next.js + Typescript がほとんどで使い分けるのがめんどくさかったからです。最初は単純に置き換えるだけの予定だったのですが、気が付けばほとんど作り直していました。

主な変更箇所

  • Nuxt.js から Next.js へ
  • Javascript から Typescript へ
  • ストアを Vuex から Recoil
  • 認証周りを Passport.js から NextAuth
  • DB周りを Sequelize から Prisma
  • ノートの編集を Markdown から draft.js
  • プロジェクトの編集を draft.js へ
  • ストレージをサーバー内からクラウド化(AWS S3)

その他

  • Ubuntu のバージョンを 16 -> 20 とアップグレード
  • node のバージョンを12 -> 16 へアップグレード

保留中

  • 脱フルスタック(フロントエンドとバックエンドを切り離す)
  • 認証周りを自作してみたい。(その前にNextAuth4を試してみる)