【Next.js】create-next-appの古いバージョンを入れる

はじめに

create-next-appの古いバージョンを入れたかったのですが、公式サイトにも情報がありません。検索してみると「古いバージョンは入れられない」と言っている方もいました。

サンプルコードのバージョンが12なので、何とか古いバージョンを入れたいです。

結論

以下のコマンドでできました。

$ npx create-next-app@12 <app-name> && cd <app-name> && npm i next@12

単に$ npx create-next-app@12だけだと最新バージョンになってしまいます。

サンプル

筆者が試した例を記載しておきます。

• バージョンは12.2.2
• TypeScriptも入れたいので--tsを追加
• アプリ名はnext-sampleとする

npx create-next-app@12.2.2 --ts next-sample && cd next-sample && npm i next@12.2.2

インストール後、バージョンを確認したところ、確かに12.2.2になっています。

package.jsonも12.2.2です。

{
  "name": "next-sample",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "^12.2.2",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@types/node": "20.11.20",
    "@types/react": "18.2.58",
    "@types/react-dom": "18.2.19",
    "eslint": "8.57.0",
    "eslint-config-next": "14.1.0",
    "typescript": "5.3.3"
  }
}

$ npm run devで起動したところ、問題なく起動しました。

終わりに

何とか解決してよかったです。

参考