Cara Menginstal Next.js di Ubuntu 20.04 LTS

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menginstal Next.js di Ubuntu 20.04 LTS. Bagi Anda yang belum tahu, Next.js adalah framework Javascript yang dibangun di atas React. js, yang memungkinkan pengembang membuat situs web dan aplikasi web statis dan dinamis.

Artikel ini mengasumsikan Anda memiliki setidaknya pengetahuan dasar tentang Linux, tahu cara menggunakan shell, dan yang terpenting, Anda meng-host situs Anda di VPS Anda sendiri. Instalasi cukup sederhana dan mengasumsikan Anda sedang berjalan di akun root, jika tidak, Anda mungkin perlu menambahkan 'sudo ' ke perintah untuk mendapatkan hak akses root. Saya akan menunjukkan kepada Anda langkah demi langkah instalasi kerangka Javascript open-source Next.js di Ubuntu 20.04 (Focal Fossa). Anda dapat mengikuti instruksi yang sama untuk Ubuntu 18.04, 16.04, dan distribusi berbasis Debian lainnya seperti Linux Mint.

Prasyarat

• Server yang menjalankan salah satu sistem operasi berikut:Ubuntu 20.04, 18.04, 16.04, dan distribusi berbasis Debian lainnya seperti Linux Mint.
• Sebaiknya Anda menggunakan penginstalan OS baru untuk mencegah potensi masalah.
• Seorang non-root sudo user atau akses ke root user . Kami merekomendasikan untuk bertindak sebagai non-root sudo user , namun, karena Anda dapat membahayakan sistem jika tidak berhati-hati saat bertindak sebagai root.

Instal Next.js di Ubuntu 20.04 LTS Focal Fossa

Langkah 1. Pertama, pastikan bahwa semua paket sistem Anda mutakhir dengan menjalankan apt berikut perintah di terminal.

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

Langkah 2. Menginstal Node.js.

Sekarang tambahkan repositori Node.js ke sistem Anda:

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

Sekarang periksa versi Node.js Anda dengan menjalankan perintah di terminal Anda:

nodejs -v

Dan periksa juga versi NPM:

npm -v

Langkah 3. Menginstal Next.js di Ubuntu 20.04.

Sekarang kita membuat folder kosong di mana saja, misalnya di folder rumah Anda, dan masuk ke dalamnya:

mkdir nextjs
cd nextjs

Dan buat proyek Berikutnya pertama Anda:

mkdir firstproject
cd firstproject

Kemudian, inisialisasi lingkungan pengembangan proyek Next.js dengan npx Alat pembuatan CLI:

npm init -y
npm install next react react-dom

Struktur file proyek harus seperti berikut ini (tidak termasuk node_modules dan package-lock.json ):

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

Sekarang menggunakan terminal, jalankan npm run dev untuk memulai server pengembangan Berikutnya:

npm run dev

Keluaran:

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

Langkah 3. Mengakses Proyek Next.js.

Setelah instalasi berhasil, navigasikan ke IP server Anda pada port 3000 di browser web:

http://127.0.0.1:3000/

Selamat! Anda telah berhasil menginstal Next.js. Terima kasih telah menggunakan tutorial ini untuk menginstal framework Javascript open-source Next.js pada sistem Ubuntu 20.04 LTS Focal Fossa. Untuk bantuan tambahan atau informasi berguna , kami sarankan Anda memeriksa situs web resmi Next.js.