Tutorial Deploy aplikasi Node JS Express ke Netlify

Node JS Express

Halo semuanya! Pada tutorial kali ini, saya akan membahas cara untuk mendeploy aplikasi Node.js Express ke Netlify. Ikuti langkah-langkah berikut untuk melakukan deploy aplikasi ke Netlify:

Langkah 1: Inisialisasi npm
Pertama-tama, kita perlu menginisialisasi npm. Kalian bisa menggunakan perintah berikut di terminal:

npm init -y

Langkah 2: Instalasi Express dan Serverless HTTP
Selanjutnya, kita akan menginstal express dan serverless-http. Jalankan perintah berikut:

npm install express serverless-http

Langkah 3: Membuat Struktur Folder
Buat folder netlify/functions. Di dalam folder tersebut, buat file bernama api.js. Ini akan menjadi entry point untuk aplikasi kita. Berikut adalah contoh kode untuk endpoint “hello”:

const express = require('express');
const serverless = require('serverless-http');

const app = express();
const router = express.Router();

router.get('/hello', (req, res) => {
  res.send('Hello, world!');
});

app.use('/.netlify/functions/api', router);

module.exports.handler = serverless(app);

Langkah 4: Membuat Folder Public
Buat folder public di root project kalian. Di dalam folder public, buat file index.html

Langkah 5: Konfigurasi netlify.toml
Buat file netlify.toml di root project kalian dan tambahkan konfigurasi berikut:

[build]
  publish = "public"
  functions = "netlify/functions"

[functions]
  external_node_modules = ["express"]
  node_bundler = "esbuild"

[[redirects]]
  force = true
  from = "/api/*"
  status = 200
  to = "/.netlify/functions/api/:splat"

Konfigurasi ini akan memastikan bahwa Netlify akan mendeploy file di folder public dan fungsi serverless yang ada di netlify/functions.

Setelah mengikuti langkah diatas, seharusnya struktur folder proyek kalian akan terlihat seperti ini:

Struktur Folder Proyek

Langkah 6: Deploy ke Netlify
Jika kalian belum menginstal Netlify CLI, kalian bisa menginstalnya dengan perintah:

npm install -g netlify-cli

Setelah itu, jalankan perintah berikut untuk menginisialisasi Netlify di project kalian:

netlify init

Ikuti instruksi yang muncul di terminal. Jika sudah selesai, deploy aplikasi kalian dengan perintah:

netlify deploy

Pilih opsi untuk deploy ke production dan tunggu sampai proses selesai.

Langkah 7: Mengakses Endpoint
Setelah deploy selesai, buka URL aplikasi kalian di browser. Untuk mengakses endpoint yang telah kita buat, tambahkan /api/hello di akhir URL. Kalian akan melihat respons “Hello, world!” yang telah kita definisikan.

Itu dia tutorial singkat tentang bagaimana cara mendeply aplikasi Node.js Express ke Netlify. Semoga Bermanfaat!