Persiapan Tools dan Software

Tutorial membuat job portal menggunakan NextJS 14

Sebelum kita memulai pembuatan Job Portal menggunakan NextJS 14 dan teknologi pendukung lainnya, sangat penting untuk memastikan bahwa semua alat dan lingkungan pengembangan yang diperlukan telah terinstal dengan benar di komputer Anda. Berikut ini adalah panduan langkah demi langkah untuk menginstal alat-alat tersebut:

Table Of Content

Next: Setup Awal NextJS

Prev: Persiapan Project

1. Visual Studio Code

Visual Studio Code
Visual Studio Code

Visual Studio Code (VS Code) adalah editor kode yang populer yang akan kita gunakan untuk menulis dan mengelola kode kita.

  • Kunjungi situs web resmi Visual Studio Code dan unduh versi yang sesuai dengan sistem operasi Anda (Windows, MacOS, atau Linux).
  • Jalankan installer yang telah diunduh dan ikuti instruksi yang diberikan hingga selesai.

2. PostgreSQL

PostgreSQL
PostgreSQL

Hi there! Want to support my work?

PostgreSQL adalah sistem manajemen basis data yang akan kita gunakan untuk menyimpan data Job Portal.

  • Kunjungi situs web resmi PostgreSQL dan pilih versi yang sesuai dengan sistem operasi Anda.

  • Ikuti petunjuk instalasi pada halaman unduhan, yang mungkin memasukkan PostgreSQL ke dalam sistem PATH Anda secara otomatis.

  • Setelah instalasi, pastikan Anda dapat membuka PostgreSQL melalui terminal atau command prompt.


3. DBeaver atau Postico

DBeaver dan Postico adalah antarmuka grafis untuk mengelola basis data PostgreSQL.

  • Untuk DBeaver:

    • Kunjungi situs web resmi DBeaver dan unduh versi yang sesuai.
    • Install aplikasi dan buka untuk menghubungkannya dengan basis data PostgreSQL yang telah Anda install.
  • Untuk Postico (hanya untuk MacOS):

    • Kunjungi situs web resmi Postico dan unduh aplikasi tersebut.
    • Install dan buka Postico, kemudian konfigurasi untuk terhubung dengan PostgreSQL.

Ingin diskusi! Punya Pertanyaan?


4. Node.js dan npm

Node.js adalah lingkungan runtime JavaScript yang akan kita gunakan untuk menjalankan server Next.js, dan npm adalah manajer paket yang menyertai Node.js.

  • Kunjungi situs web resmi Node.js dan unduh versi LTS yang direkomendasikan.
  • Install Node.js, yang juga akan menginstal npm secara otomatis.
  • Untuk memeriksa apakah Node.js dan npm telah terinstal, buka terminal atau command prompt dan jalankan perintah node -v dan npm -v untuk melihat versi yang terinstal.
node -v
    // contoh output v14.17.0

npm -v
    // contoh output 6.14.13

Setelah Anda menginstal semua alat ini, Anda akan siap untuk memulai pengembangan Job Portal dengan NextJS 14 dan teknologi lain yang disebutkan dalam pengantar. Pastikan setiap alat berfungsi dengan baik sebelum melanjutkan ke langkah berikutnya dari tutorial.

5. GitBash (Pengguna Windows)

Bagi pengguna Windows, wajib untuk menginstal GitBash. Bagi pengguna MacOS dan Linux, Anda dapat menggunakan terminal bawaan sistem operasi Anda.

GitBash adalah terminal yang akan kita gunakan untuk menjalankan perintah-perintah yang dibutuhkan untuk mengelola proyek kita.

  • Kunjungi situs web resmi GitBash dan unduh versi yang sesuai dengan sistem operasi Anda.

  • Install GitBash, yang juga akan menginstal Git secara otomatis.

  • Untuk memeriksa apakah GitBash telah terinstal, buka terminal atau command prompt dan jalankan perintah git --version untuk melihat versi yang terinstal.

git --version
// contoh output git version 2.32.0.windows.2

Table Of Content)

Next: Setup Awal NextJS

Prev: Persiapan Project

Stay Tuned

The best articles, links and news related to web development delivered once a week to your inbox.