Ringkasan

NXDOM adalah model pengembangan yang menyatukan backend terpusat, NXDOM Native Modules (JavaScript ES6+), dan distribusi aplikasi ke web, desktop, dan mobile tanpa menggandakan pola arsitektur.

Komponen utama

Backend API

Layanan data, autentikasi, dan logika bisnis yang diakses client (web, desktop, mobile) lewat endpoint terstruktur (misalnya REST/JSON).

Draft — halaman lengkap menyusul.

Backend Web Applications

Aplikasi web server-side—portal, admin, halaman publik—dibangun di fondasi backend yang sama dengan API, bukan di stack terpisah tanpa koordinasi.

Lapisan	Peran
Backend API	Integrasi, mobile & desktop client, otomasi
Backend Web Applications	Pengalaman berbasis browser pada fondasi tunggal

API dan web app berbagi fondasi: bedakan peran (API untuk client vs web app untuk browser), bukan dua dunia yang tidak terhubung.

NXDOM Native Modules

NXDOM Native Modules adalah core JavaScript (ES6+) yang dipakai ulang di banyak runtime. Modul inti ditulis untuk performa dan konsistensi; pola, konvensi, dan struktur folder selaras antar target.

“Native” di sini berarti modul inti yang portabel—bukan menulis ulang seluruh aplikasi per platform.

Tiga jalan ke pengguna

Dari satu fondasi backend, produk menjangkau pengguna lewat:

Jalur	Perangkat	Contoh teknologi
Web	Browser	SPA / PWA
Desktop	PC / laptop	Electron
Mobile	Smartphone / tablet	React Native

Perubahan kebijakan bisnis di backend dapat tercermin konsisten di semua saluran. Client mengutamakan UI dan pengalaman; backend mengutamakan data dan kebijakan.

Satu arsitektur, empat runtime

Runtime	Peran
Web	UI browser, akses langsung atau via API
Node.js	Server, scripting, tooling, build
Electron	Desktop (Windows, macOS, Linux)
React Native	iOS & Android

Empat runtime, satu arsitektur NXDOM—satu cara berpikir struktur aplikasi, banyak target build.

Diagram arsitektur

[Fondasi Backend NXDOM]
        │
        ├── Backend API ──────────┐
        └── Backend Web Apps ─────┤
                                  ▼
                    [Tiga jalan ke pengguna]
                     Web · Desktop · Mobile
                                  │
                    [NXDOM Native Modules · ES6+]
                                  │
              Web · Node.js · Electron · React Native

Untuk siapa?

Peran	Manfaat
Backend developer	Satu fondasi untuk API dan web app
Frontend / mobile	Konsumsi API + modul native yang familiar
Full-stack / lead	Arsitektur terpadu, onboarding lebih cepat
Organisasi	Mengurangi duplikasi logika bisnis antar platform

NXDOM vs pendekatan terpisah

Tanpa pola terpadu	Dengan NXDOM
Backend terpisah per channel	Satu fondasi backend
Kode JS berbeda per platform	NXDOM Native Modules + ES6+ bersama
Banyak “cara” arsitektur	Satu arsitektur, banyak runtime

Mulai dari sini

Pahami fondasi backend (API + web applications).
Pilih satu jalur pengguna untuk proof of concept: web, desktop, atau mobile.
Pelajari NXDOM Native Modules dan runtime yang relevan.
Lanjut ke topik dokumentasi di peta dokumentasi.

Peta dokumentasi

Halaman berikut akan dipisah per URL saat dokumentasi diperluas.

Slug	Judul	Status
`/`	Pengenalan NXDOM	live
`/backend/api`	Backend API	draft
`/backend/web-applications`	Backend Web Applications	draft
`/distribusi`	Distribusi multi-platform	draft
`/native-modules`	NXDOM Native Modules	draft
`/runtime/web`	Runtime Web	draft
`/runtime/nodejs`	Runtime Node.js	draft
`/runtime/electron`	Runtime Electron	draft
`/runtime/react-native`	Runtime React Native	draft
`/arsitektur`	Pola arsitektur	draft
`/deployment`	Keamanan & deployment	draft
`/referensi`	Referensi & contoh proyek	draft

Web

Browser · SPA / PWA

Desktop

Electron

Mobile

React Native

Pola arsitektur

Draft — satu codebase mental, banyak target build.

Keamanan & deployment

Draft — env, CI/CD, release per channel.

Referensi & contoh proyek

Draft — template, snippet, studi kasus.

Konten dari materi-web.md · Primer assets/modules/nexa.css