Mulai Cepat

ZhinNX adalah frontend framework untuk developer yang perlu mengirim web app kecil sampai menengah dengan cepat tanpa membawa konsep berlebihan. Fokusnya adalah routing sederhana, state ringan, UI helper berguna, template, debug tools, dan command CLI yang siap deploy.

Kebutuhan

ZhinNX membutuhkan Node.js untuk development lokal. Kamu bisa memakai npm, pnpm, Yarn, Bun, atau Deno untuk membuat dan mengelola project.

Buat project pertama

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

Jalankan app

cd my-app
npm install
npm run dev

Buka local URL yang muncul dari dev server. Project hasil generate sudah punya page ZhinNX yang berjalan dan styling dasar.

Tulis page

import { page } from 'zhinnx'

page('/', () => `
  <main>
    <h1>Hello ZhinNX</h1>
    <p>Page ini dirender oleh ZhinNX.</p>
  </main>
`)

Build produksi

zz build

Command build menghasilkan folder static dist. Kamu bisa deploy ke Vercel, Netlify, atau static hosting lain.

Langkah berikutnya

Baca Konsep Core, lalu lanjut ke State & Storage, CLI, dan Deployment.