Next.jsでバージョン9系のアプリケーションを新規作成する方法

Question

#　知りたいこと
AWS AmplifyにNext.jsアプリケーションをデプロイする必要があります。
ただし、AmplifyはNextの9系までしか対応していないようなので、9系を使用したアプリケーションを新規に作成したいです。
create-next-appを使用して9系のアプリケーションを作成することはできるのでしょうか。
もしできない場合、どのようにして9系のアプリケーションを新規に作成すれば良いか教えていただきたいです。
宜しくお願い致します。

Answer 1

色々試しましたが、普通にcreate-next-appして、package.jsonを書き換えるのがよさそうです。

例えばnpx create-next-app -e active-class-nameとするとこのようなpackage.jsonができます。

  "dependencies": {
    "next": "latest",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },

ここにnext@9.5.5のexamplesがありますから、ここからpackage.jsonをコピペしてきて、

  "dependencies": {
    "next": "^9.5",
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  },

のように変更します。ここで、"next": "^9.5"は自分で指定したことに注意してください。
これで恐らく大丈夫です。

また、余談ですがnpx create-next-app --example-path <v9のexampleのパス>とやってみたのですが、普通にnextが11だったので無理でした。

Comments

[tanana_m]

ご回答ありがとうございます。
その際にreactのバージョン等も合わせて変更する必要はありませんか？

自分でも調べてみたのですが、Nextのバージョン9系にReactのどのバージョンが対応してるか等の情報が無く不安を感じています。

[arark]

nextjsにreactが入っているので自分でインストールする必要はないです。

nextjsのpackage.jsonを見る限り、next9ではreact16を使っていますね。

https://github.com/vercel/next.js/blob/e334c4ece8c97ea14fcd974b4510e580a11bcf84/package.json#L109

[tanana_m]

なるほど！ありがとうございます！
それでは現状create-next-appで作成したアプリにはReactの17系が入りますが、
package.jsonを書き換える際にReactについても16系へダウングレードした方が良い、という認識であってますか？

[arark]

いや、nextを9にすると勝手にreactが16になります。

[arark]

あーごめんなさい。
create next app でreactが追加されているのですね。
これは16にダウングレードしたほうがいいと思います。
もしくはgithubに過去のテンプレートが残っているので、それを使うという方法もありますが、今出先でできないので、帰ったら追記します。

[tanana_m]

ありがとうございます！色々時間をかけて試していただき、本当に感謝しています。
create-next-appで作成されるpackage.jsonはnextのバージョンが'latest`で指定されているので、いずれにせよ自分で書き換えてダウングレードする必要があるのですね。
大変勉強になりました。ありがとうございました！