Langsung ke konten
Kembali ke project

Web Development

Nusacaraka Technology Platform

Platform layanan buat startup teknologiku, dengan dashboard customer dan admin, permintaan konsultasi, content management, dan AI chatbot.

Nusacaraka Technology Platform

Ringkasan

Nusacaraka Technology adalah startup teknologi yang aku dirikan tahun 2026. Sebelum ngerjain project klien, perusahaan ini butuh platform sendiri: tempat buat jelasin layanan, nerima permintaan konsultasi, dan ngelola semuanya dari balik layar.

Yang aku bikin

  • Dashboard customer dan admin biar calon klien bisa mantau request mereka, sementara tim ngelolanya di satu tempat.

  • Alur permintaan konsultasi yang nyatet kebutuhan project secara terstruktur, siap buat follow-up dan proposal.

  • Authentication dan role-based access buat customer dan admin.

  • Content management biar layanan dan halaman bisa diperbarui tanpa nyentuh kode.

  • AI chatbot yang jawab pertanyaan umum dan ngarahin pengunjung ke langkah berikutnya.

Gambaran arsitektur

Gambaran umum platformnya: satu app Next.js buat pengunjung, customer, dan tim, dengan Supabase dan PostgreSQL di belakangnya.

flowchart LR
  accTitle: Arsitektur platform Nusacaraka
  accDescr: Pengunjung melihat website publik dan bertanya ke AI chatbot. Customer dan admin login ke dashboard masing-masing. Semua data disimpan di Supabase dan PostgreSQL.
  visitor([Pengunjung]) --> site
  visitor --> bot
  customer([Customer]) --> auth
  adminUser([Admin]) --> auth
  subgraph app["Next.js app"]
    site["Website publik<br/>layanan dan halaman"]
    bot["AI chatbot"]
    auth{"Login dan role"}
    customerArea["Dashboard customer<br/>permintaan konsultasi"]
    adminArea["Dashboard admin<br/>permintaan dan konten"]
    auth --> customerArea & adminArea
  end
  app --> db[("Supabase<br/>PostgreSQL")]

Alur permintaan konsultasi, dari customer sampai proposal:

sequenceDiagram
  accTitle: Alur permintaan konsultasi
  accDescr: Customer mengirim kebutuhan project, tim meninjaunya di dashboard admin, lalu menindaklanjuti dengan proposal.
  actor Customer as Customer
  participant App as Platform Nusacaraka
  actor Team as Tim Nusacaraka
  Customer->>App: Mengirim kebutuhan project
  App-->>Customer: Permintaan muncul di dashboard
  Team->>App: Meninjau permintaan
  Team-->>Customer: Menindaklanjuti dengan proposal

Stack

Next.js, TypeScript, dan Supabase/PostgreSQL, udah di-deploy ke production.

Hasil

Platform ini udah live di nusacaraka.tech dan jadi fondasi buat produk berikutnya: SaaS knowledge management yang fokus ke pengumpulan dokumen dan pencarian berbasis AI.

Next project

Plan Indonesia ERP

Front-End Developer · 2026