teratail header banner
teratail header banner
質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.30%
Next.js

Next.jsは、Reactを用いたサーバサイドレンダリングなどを行う軽量なフレームワークです。Zeit社が開発しており、nextコマンドでプロジェクトを作成することにより、開発環境整備が整った環境が即時に作成できます。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

712閲覧

旧バージョンのNext.jsプロジェクトを作成したい

moooooo

総合スコア10

Next.js

Next.jsは、Reactを用いたサーバサイドレンダリングなどを行う軽量なフレームワークです。Zeit社が開発しており、nextコマンドでプロジェクトを作成することにより、開発環境整備が整った環境が即時に作成できます。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2023/05/20 15:38

0

0

実現したいこと

Next.js v12.3.2 のプロジェクトを作成したい

前提

現在学習を進めている書籍がNext.js v12の内容のようなのですが、
環境構築を進めたところインストールされたバージョンが13.4(最新)でした。

書籍の内容と構造が全然違うなと思いつつ、都度発生するエラーを調べながらどうにか進めていたのですが、ついにどうやっても進むことができない章にあたり、バージョンを下げてやり直すしかない状態となりました。

検索した方法でインストールし直したのですがうまくいかず、、ご教授いただきたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hoshi-takanori

2023/05/20 18:26

その本にはどうやって Next.js のプロジェクトを作るように書いてありますか?
moooooo

2023/05/20 23:19

「npx create-next-app my-app」 という形でインストールするように書かれています。(しかしこのままだと2023年5月現在Next.js13でインストールされてしまいます)
hoshi-takanori

2023/05/21 00:21

npx create-next-app@12.2.6 my-app の後、my-app ディレクトリに移動して npm install next@12.3.2 react@17.0.2 react-dom@17.0.2 でいけるかも?
moooooo

2023/05/21 05:31

「npx create-next-app@12.2.6 my-app」でpages/で構成されたプロジェクトを作成することができました! my-appというディレクトリが見つからずv12.3.2のインストールはできなかったのですが、これで教材の環境が再現できましたのでこのまま進めて行けそうです!ありがとうございました! 記載いただいた内容をBAにしたいのでお手数ですが回答欄に記入いただくことは可能でしょうか?
moooooo

2023/05/21 05:34

あ!「my-app」って任意のプロジェクト名のことですね.....!!失礼しました;;
moooooo

2023/05/21 05:36

失礼致しました 「npm install next@12.3.2 react@17.0.2 react-dom@17.0.2」で "next": "^12.3.2", "react": "^17.0.2", というバージョンのプロジェクトを作成することができました!
guest

回答1

0

自己解決

npx create-next-app@12.2.6 my-app
の後、my-app ディレクトリに移動して
npm install next@12.3.2 react@17.0.2 react-dom@17.0.2
でいけるかも?
というコメントをいただき解決しました

投稿2023/05/22 12:29

moooooo

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問