June 8, 2025

Nuxia

๐Ÿš€ Nuxia Telah Resmi Diluncurkan!

Hari ini, saya dengan bangga memperkenalkan Nuxia โ€” sebuah Fullstack Starter Kit modern berbasis Nuxt 3 yang dibangun khusus untuk developer yang ingin membangun aplikasi web dengan cepat, aman, dan menyenangkan.

Nuxia ini terinspirasi dari Laravel Starter Kit yang dibuat oleh Tim Laravel. Bisa dibilang, Nuxia ini adalah versi Nuxt dari starter kit tersebut, dengan base Nuxt 3 yang sudah terintegrasi dengan berbagai teknologi modern.


๐Ÿ’ก Apa itu Nuxia?

Nuxia adalah kerangka awal (starter template) untuk membangun aplikasi fullstack modern menggunakan teknologi yang sudah terbukti dan populer:

  • โœ… Nuxt โ€” Framework Vue yang powerful untuk SSR, SSG, dan SPA
  • ๐ŸŽจ Tailwind CSS โ€” Framework CSS utility-first untuk desain UI cepat dan konsisten
  • ๐Ÿงฉ shadcn-vue โ€” Komponen UI berkualitas tinggi berbasis Tailwind
  • ๐Ÿ” nuxt-auth-utils โ€” Otentikasi siap pakai untuk Nuxt
  • ๐Ÿง  Drizzle ORM + PostgreSQL โ€” ORM TypeScript-first dan database andal
  • ๐Ÿ“จ Vue Email + Nodemailer โ€” Untuk mengirim email langsung dari server
  • ๐Ÿ”Ž Zod โ€” Validasi schema berbasis TypeScript
  • ๐ŸŒฑ TypeScript โ€” Jaminan type safety di seluruh stack

โš™๏ธ Fitur Unggulan

  • ๐Ÿš€ Built-in Authentication โ€” dengan session-based auth dan protected routes
  • ๐Ÿงฐ Form validation dengan Zod dan composable
  • ๐Ÿ“ฉ Email ready โ€” integrasi Vue Email dan Nodemailer
  • ๐Ÿง  ORM modern โ€” langsung pakai dengan Drizzle dan migrasi otomatis
  • ๐Ÿ› ๏ธ Worker support โ€” pakai nuxt-workers untuk task berat tanpa pusing
  • ๐Ÿ’ป Type-safe API โ€” dari backend ke frontend

๐Ÿ“ฆ Siapa yang Cocok Pakai Nuxia?

  • Developer solo yang ingin mulai project dengan cepat
  • Startup yang butuh MVP dalam hitungan hari
  • Pengajar/mentor yang butuh boilerplate untuk mengajar
  • Siapa pun yang suka TypeScript dan Vue โค๏ธ

๐Ÿงช Status Proyek

Nuxia saat ini berada dalam tahap beta awal dan terus dikembangkan. Saya sangat terbuka terhadap feedback dan kontribusi dari komunitas.


๐Ÿงญ Mulai Sekarang

Untuk mulai menggunakan Nuxia, kamu bisa meng-clone repositori ini dengan mudah menggunakan giget:

# Clone the repository using `giget`
npx giget@latest gh:gravitano/nuxia nuxia-app

cd nuxia-app

# Copy the example environment variables
cp .env.example .env

# Install dependencies
pnpm install # or yarn, bun, etc.

# Create a PostgreSQL database and update the .env file
# Make sure to set the DATABASE_URL variable in .env

# Migrate the database and seed initial data
pnpm db:push # migrate the database
pnpm db:seed

# Start the development server
pnpm dev

๐Ÿ“– Dokumentasi dan source code: ๐Ÿ‘‰ https://github.com/gravitano/nuxia

Demo: ๐Ÿ‘‰ https://nuxia.warsono.dev


โค๏ธ Terima Kasih

Proyek ini merupakan hasil dari eksplorasi saya dalam membangun aplikasi web modern dan sudah saya gunakan untuk side-project saya. Nuxia menggabungkan berbagai teknologi yang saya sukai dan gunakan sehari-hari sebagai frontend engineer. Saya berharap Nuxia bisa menjadi alat yang berguna bagi banyak developer untuk membangun aplikasi hebat dengan lebih mudah.

Yuk coba Nuxia dan bantu saya menyebarkan ke teman-temanmu! ๐Ÿš€