Skip to content

ZhinNXBangun web app deadline tanpa beban berlebih.

Frontend framework deadline-first dengan page sederhana, state ringan, API helper, UI helper, template siap pakai, debug mode, dan CLI multi-deploy.

Dari project kosong sampai siap deploy

ZhinNX didesain untuk satu workflow: buat app, tulis page, hubungkan data, build, lalu deploy.

zz createpage()api.get()zz buildzz deploy
bash
zz create my-app --template dashboard --vercel
cd my-app
zz build
zz deploy --vercel

Runtime yang tetap dekat dengan HTML

Tulis page dengan template string biasa, pasang action lewat atribut sederhana, dan jaga app kecil tetap mudah dibaca tanpa model komponen yang berat.

js
import { page, go, action } from 'zhinnx'

page('/', () => `
  <main>
    <h1>Hello ZhinNX</h1>
    <button @click="openDocs">Baca docs</button>
  </main>
`)

action('openDocs', () => {
  go('/docs')
})

Install dan jalankan CLI

Setelah ZhinNX dipublish ke npm, install CLI secara global dan gunakan command zz dari direktori project mana pun.

npm install -g zhinnx@beta
bash
zz --help
zz create my-app --template landing
cd my-app
npm install --package-lock=false --no-audit --no-fund
npm run dev

Pakai CLI lokal sebelum rilis npm

Selama package belum dipublish, jalankan ZhinNX dari direktori zhinnx-cli. Ini jalur paling aman saat mengetes dari ZIP source atau dari repository GitHub.

bash
cd zhinnx-cli
npm install --package-lock=false --no-audit --no-fund
node bin/zz.js --help
node bin/zz.js create my-app --template landing --vercel
bash
chmod +x bin/zz.js
npm link
zz --help

Install dengan package manager pilihanmu

Gunakan Node.js dengan npm, pnpm, Yarn, Bun, atau Deno sesuai workflow kamu.

npx zhinnx@beta create my-app --template landing --vercel

Baca panduan mulai cepat, lanjut ke panduan CLI, atau pelajari deploy lewat panduan deployment.

Mulai bangun dengan ZhinNX

Tulis page, hubungkan data, cek bug, dan deploy tanpa membawa keribetan framework berlebihan.

Mulai Cepat

Released under the MIT License.