Next.jsやってみた

プロジェクトフォルダ作る

ある程度どこでもいいのでプロジェクトの箱となるフォルダを作る

フォルダをVisual Studio Codeで開く

作ったフォルダを右クリックで「Codeで開く」で開く。

npmのアップデート

npm i -g npm@latest

と入れてnpmをアップデートしておく。

npxでcreateする

npx create-next-app

もしくは

npx create-next-app@● . --use-npm● . --use-npm

●にはバージョンを入れる。

high severity vulnerabilitiesとでたら…●にはバージョンを入れる。

4 high severity vulnerabilities と 私の環境では出ていたので、
npm audit fix 
とコマンドを打ち込みます。

その後に npm audit をすると high severity vulnerabilities は出なくなりました。
いわゆるパッケージに脆弱性があるものを修正できるよう。

4 high severity vulnerabilities と出ていたので、その後に npm audit をすると high severity vulnerabilities は出なくなりました。 いわゆるパッケージに脆弱性があるものを修正できるよう。

npm audit fix

とコマンドを打ち込みます。

その後に

npm audit

をすると high severity vulnerabilities は出なくなりました。 いわゆるパッケージに脆弱性があるものを修正できるよう。

create-next-appできたら

こんなファイル、フォルダができるみたい。

ローカルサーバーの起動

npm run dev

と実行。そうすると

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
event - compiled client and server successfully in 3.9s (164 modules)

とでるので、上記のhttp://localhost:3000にアクセス(環境によってはPortは違うのかな)すると…

ブラウザで開くとこんな感じで開けばとりあえず成功。