このチュートリアルでは、Ubuntu 20.04 LTSにNext.jsをインストールする方法を紹介します。知らない人のために、Next.jsはReact上に構築されたJavascriptフレームワークです。 js。開発者は静的および動的なWebサイトとWebアプリケーションを構築できます。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、'sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 20.04（Focal Fossa）にNext.jsオープンソースJavascriptフレームワークを段階的にインストールする方法を紹介します。 Ubuntu 18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。
前提条件
- 次のオペレーティングシステムのいずれかを実行しているサーバー：Ubuntu 20.04、18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューション。
- 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
non-root sudo userまたはroot userへのアクセス 。non-root sudo userとして行動することをお勧めします ただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。
Ubuntu 20.04 LTSFocalFossaにNext.jsをインストール
手順1.まず、次のaptを実行して、すべてのシステムパッケージが最新であることを確認します。 ターミナルのコマンド。
sudo apt update sudo apt upgrade sudo apt install build-essential
ステップ2.Node.jsをインストールします。
次に、Node.jsリポジトリをシステムに追加します：
curl -sL https://deb.nodesource.com/setup_14.x | bash - sudo apt install nodejs
次に、ターミナルでコマンドを実行して、Node.jsのバージョンを確認します。
nodejs -v
そしてNPMバージョンも確認してください：
npm -v
ステップ3.Ubuntu20.04にNext.jsをインストールします。
これで、ホームフォルダなどの任意の場所に空のフォルダを作成し、そこに移動します：
mkdir nextjs cd nextjs
そして最初の次のプロジェクトを作成します：
mkdir firstproject cd firstproject
次に、Next.jsプロジェクト開発環境をnpxで初期化します。 CLIビルドツール：
npm init -y npm install next react react-dom
プロジェクトのファイル構造は次のようになります（node_modulesを除く）。 およびpackage-lock.json ）：
path/to/firstproject/ ├── package.json ├── pages ├── public ├── README.md └── styles
ターミナルを使用して、npm run devを実行します 次の開発サーバーを起動するには：
npm run dev
出力：
ready - started server on http://localhost:3000
ステップ3.Next.jsプロジェクトへのアクセス。
インストールが正常に完了したら、Webブラウザでポート3000のサーバーIPに移動します。
http://127.0.0.1:3000/
おめでとうございます！Next.jsが正常にインストールされました。Ubuntu20.04LTSFocalFossaシステムにNext.jsオープンソースJavascriptフレームワークをインストールするためにこのチュートリアルを使用していただきありがとうございます。追加のヘルプまたは有用な情報について、Next.jsの公式ウェブサイトを確認することをお勧めします。