Jak nainstalovat Next.js na Ubuntu 20.04 LTS

V tomto tutoriálu vám ukážeme, jak nainstalovat Next.js na Ubuntu 20.04 LTS. Pro ty z vás, kteří to nevěděli, Next.js je Javascriptový framework postavený na Reactu. js, který umožňuje vývojářům vytvářet statické a dynamické webové stránky a webové aplikace.

Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo ‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci open-source Javascript frameworku Next.js na Ubuntu 20.04 (Focal Fossa). Můžete postupovat podle stejných pokynů pro Ubuntu 18.04, 16.04 a jakoukoli jinou distribuci založenou na Debianu, jako je Linux Mint.

Předpoklady

• Server s jedním z následujících operačních systémů:Ubuntu 20.04, 18.04, 16.04 a jakoukoli jinou distribucí založenou na Debianu, jako je Linux Mint.
• Abyste předešli případným problémům, doporučujeme použít novou instalaci operačního systému.
• non-root sudo user nebo přístup k root user . Doporučujeme jednat jako non-root sudo user , protože však můžete poškodit svůj systém, pokud nebudete při jednání jako root opatrní.

Nainstalujte Next.js na Ubuntu 20.04 LTS Focal Fossa

Krok 1. Nejprve se ujistěte, že všechny vaše systémové balíčky jsou aktuální, spuštěním následujícího apt příkazy v terminálu.

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Krok 2. Instalace Node.js.

Nyní přidejte úložiště Node.js do svého systému:

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

Nyní zkontrolujte verzi Node.js spuštěním příkazu na svém terminálu:

nodejs -v

A zkontrolujte také verzi NPM:

npm -v

Krok 3. Instalace Next.js na Ubuntu 20.04.

Nyní vytvoříme prázdnou složku kdekoli, například ve vaší domovské složce, a jdeme do ní:

mkdir nextjs
cd nextjs

A vytvořte svůj první Další projekt:

mkdir firstproject
cd firstproject

Potom inicializujte vývojové prostředí projektu Next.js pomocí npx Nástroj pro sestavení CLI:

npm init -y
npm install next react react-dom

Struktura souboru projektu by měla připomínat následující (kromě node_modules a package-lock.json ):

path/to/firstproject/
├── package.json
├── pages
├── public
├── README.md
└── styles

Nyní pomocí terminálu spusťte npm run dev pro spuštění dalšího vývojového serveru:

npm run dev

Výstup:

ready - started server on http://localhost:3000

Krok 3. Přístup k projektu Next.js.

Po dokončení úspěšné instalace přejděte ve webovém prohlížeči na IP serveru na portu 3000:

http://127.0.0.1:3000/

Blahopřejeme! Úspěšně jste nainstalovali Next.js. Děkujeme, že jste použili tento návod k instalaci rámce Javascript s otevřeným zdrojovým kódem Next.js na systému Ubuntu 20.04 LTS Focal Fossa. Další pomoc nebo užitečné informace , doporučujeme zkontrolovat oficiální web Next.js.