Next.js-Hands-on-microCMS

Next.js×microCMSハンズオン用のリポジトリです！

環境構築手順

Node.jsとnpmが入っていない方は以下のURLを参考にダウンロードをしてください。

https://kinsta.com/jp/blog/how-to-install-node-js/

バージョンは基本的に最新のLTS版(長期サポートバージョン、いわゆる安定版)をダウンロードしていただければ良いかと思います。 (私は今回ver17.9.0のものを使用してプロジェクトを作成しています。)

1.Nodeのバージョンを確認する

node -v

2.適宜ディレクトリを作成し、その中に今回私が作成したGitHubリポジトリの内容をcloneしてください。

// mkdirコマンドでディレクトリ作成(名前はなんでもok🙆)
mkdir CAMP

cd CAMP

// pwdコマンドでCAMPディレクトリに移動したことを確認する
pwd

git clone https://github.com/miyakei1225/Next.js-Hands-on-microCMS.git

↓こちらから確認可能です！

3.next-frontディレクトリに移動し、lsコマンドでファイル群があることを確認する。

cd next-front

ls

4.VS Codeでプロジェクトフォルダを開く(未ダウンロードの方は各自ダウンロードしていただけると幸いです。)

【※もし実行するのであれば設定必須🙆】 code . コマンドで現在のディレクトリのフォルダを開く便利なコマンドがあるため、ぜひこちらを参考に設定してみてください！

code .

https://qiita.com/naru0504/items/c2ed8869ffbf7682cf5c

5.npm installを実行する

npm install

6.npm run devを実行し画面が表示されれば環境構築完了です！

npm run dev