Next.js · React · Vite · Nuxt

Hosting Next.js dan React, dengan backend dan database di paket yang sama.

Frontend jarang berdiri sendiri. Di Kosting, situs Next.js, API Laravel atau Python, worker, dan database MySQL tinggal di satu paket bulanan berharga tetap, mulai Rp5.000/bulan.

Harga tetap bulanan · bayar lewat QRIS · tanpa kartu kredit

deploy #19 · sari/katalog · main● live
push 6d02f1b "halaman produk baru"
✓ terdeteksi Next.js 15 · Node 22 · npm
✓ npm ci16,1 dtk
✓ npm run build58,3 dtk
● webnext start · aktif
✓ live → https://katalogsari.id1 mnt 21 dtk

Bagaimana Next.js dan React dijalankan.

Dua jenis proyek, dua cara, dikenali otomatis dari package.json.

  • Next.js

    Server Node dengan SSR

    npm ci, npm run build, lalu script start (next start). Render di server, route API, dan middleware berjalan di prosesmu sendiri.

  • React · Vite

    Situs statis hasil build

    npm run build menghasilkan berkas statis yang disajikan langsung. Rute sisi klien tetap bekerja saat dimuat ulang.

  • Nuxt

    Server Nitro

    Proyek Nuxt dibangun lalu dijalankan dari .output/server, juga dengan render di server.

Kenapa satu paket untuk semua bagian aplikasi.

Platform frontend biasanya hanya menjalankan frontend. Database dan backend dicari di tempat lain.

Aplikasi yang lengkap biasanya terdiri dari beberapa bagian: tampilan Next.js, API yang menyimpan data, proses latar belakang untuk mengirim email atau memproses pesanan, dan database. Kalau tiap bagian ada di layanan berbeda, kamu mengurus beberapa tagihan, beberapa dasbor, dan koneksi antarlayanan yang harus diamankan.

Di Kosting, semua bagian itu adalah situs di paket yang sama. Contoh susunan paket Bisnis: tokoku.id (Next.js), api.tokoku.id (Laravel dengan queue worker), dan database MySQL. Setiap situs punya domain, SSL, log, dan variabelnya sendiri, tetapi tagihannya satu dan harganya tetap setiap bulan.

Rahasia seperti kunci API atau kredensial database diisi di tab Variabel. Variabel berawalan NEXT_PUBLIC_ ikut tersedia saat build, jadi nilai yang dibaca di browser terisi dengan benar.

Yang ikut di setiap situs.

  • build

    Build di server build

    Kompilasi yang berat tidak memakan RAM paketmu. Gagal build, versi lama tetap tayang.

  • git

    Push langsung live

    Sambungkan GitHub (repo privat juga bisa). Setiap push ke branch utama dibangun dan dirilis otomatis.

  • rilis

    Lima rilis tersimpan

    Rilis baru bermasalah? Kembalikan versi sebelumnya dengan satu klik dari riwayat deploy.

  • domain

    Domain sendiri & SSL

    Tambah domain, sertifikat menyala otomatis, dan www bisa dialihkan ke domain utama.

Harga paket.

Harga tetap per bulan. Situs ramai tidak membuat tagihan naik; kalau butuh tenaga lebih, naik paket dan bayar selisihnya.

Starter

Rp5.000 /bulan
1 situs
0,5 vCPU · 512 MB
2 GB disk
2 akun email
Pilih Starter

Plus

Disarankan
Rp10.000 /bulan
3 situs
1 vCPU · 1 GB
5 GB disk
5 akun email
Pilih Plus

Bisnis

Rp15.000 /bulan
10 situs
1 vCPU · 2 GB
10 GB disk
15 akun email
Pilih Bisnis

Pro

Rp20.000 /bulan
25 situs
2 vCPU · 2 GB
15 GB disk
50 akun email
Pilih Pro

Pro+

Rp37.500 /bulan
Situs tanpa batas
2 vCPU · 4 GB
25 GB disk
Email tanpa batas
Pilih Pro+

Pertanyaan yang sering muncul

Apakah ada hosting Next.js gratis di Kosting?
Tidak. Paket mulai Rp5.000/bulan dengan harga tetap: tidak ada tagihan tambahan karena kunjungan naik, dan saldo QRIS tidak hangus.
Fitur Next.js apa saja yang jalan?
Next.js dijalankan sebagai server Node lewat script start (next start), jadi halaman dirender di server, route API, middleware, dan Server Actions bekerja seperti saat kamu menjalankannya sendiri.
Bagaimana dengan aplikasi React biasa (Vite, Create React App)?
Proyek React/Vite dibangun dengan npm run build, lalu hasilnya disajikan sebagai situs statis. Rute sisi klien tetap bekerja saat halaman dimuat ulang.
Build Next.js-ku sering kehabisan memori. Apakah di sini sama?
Build dijalankan di server build, bukan di jatah RAM paketmu, jadi build yang berat tidak membuat situs lain di paketmu melambat.
Backend-ku Laravel atau Python. Bisa satu paket?
Bisa. Satu paket boleh berisi beberapa situs dengan stack berbeda, mis. Next.js di domain utama dan API FastAPI di subdomain api. Jatah CPU, RAM, dan disk dipakai bersama.
Versi Node berapa yang dipakai?
Tersedia 26, 24, 22, 20; bawaan 26. Versi di "engines" atau .nvmrc dipakai otomatis.

Baca juga

Frontend dan backend-mu, satu tagihan bulanan.

Mulai Rp5.000/bulan, tanpa biaya tambahan per kunjungan.