本記事ではUbuntu22.04にインストールする。

インストール

パッケージの更新

sudo apt update && sudo apt -y upgrade && sudo apt -y autoremove
Copy

build-essentialのインストール

sudo apt install build-essential
Copy

nodeのインストール

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash –
sudo apt install nodejs
Copy

参照元: Ubuntu18.04にnode.jsとnpm、vue-cliをインストールする

プロジェクト作成

プロジェクトの作成

npx create-next-app next-project
Copy

プロジェクトのディレクトリに移動

cd next-project
Copy

サーバーを起動する。

npm run dev
Copy

結論

next.jsはHUGOのような静的サイトジェネレーターとしても使える上に、Djangoのようにサーバーサイドありのウェブアプリとしても扱うことができる。

参照元: https://www.hostnextra.com/kb/easy-to-install-next-js-on-ubuntu-20-04/