Dev Hub

Indeks opini untuk memilih stack: 5 sampai 8 pilihan terkuat per slot. Kurasi dari FMHY developer-tools.md, awesome list, dan praktik repo ini sendiri. Alat harian (git, docker, terminal, hosting) ada di Dev Tools. Stack berubah cepat, jadi yang masuk di sini adalah pilihan yang bertahan lama.

Meta-Framework

• Next.js — meta-framework React paling besar; app router dan server components. react ⭐
• Nuxt — meta-framework Vue; dipakai situs ini sendiri. vue ⭐
• TanStack Start — full-stack React dari tim TanStack, di atas Router dan Query. react
• Astro — arsitektur konten-first, ideal untuk situs marketing dan blog. konten
• SvelteKit — bundel paling kecil, sintaks paling ringkas. svelte

PHP Framework

• Laravel — PHP framework paling populer; ekosistem lengkap dari Eloquent sampai Horizon. php ⭐
• CodeIgniter — PHP framework ringan, historis populer di komunitas Indonesia. php indonesia

UI Framework

• Vue — progresif, dokumentasi terbaik di kelasnya. vue ⭐
• React — ukuran komunitas paling besar. react
• Svelte — kompilator tanpa virtual DOM. svelte
• Solid — reaktivitas fine-grained, performa DOM nyata. reaktif

CSS & Komponen UI

• Tailwind CSS — utility-first; dipakai situs ini. css ⭐
• shadcn/ui — komponen Tailwind yang di-copy ke repo, bukan dependensi. ui ⭐
• shadcn-vue — adaptasi shadcn untuk Vue dan Nuxt berbasis primitif Reka UI. ui ⭐
• Solid UI — port komponen bergaya shadcn dan Tremor untuk ekosistem SolidJS. ui
• Reka UI — primitif a11y, fondasi shadcn untuk Vue. ui
• Pico.css — classless CSS untuk halaman yang tak butuh framework. css

UI Animasi & Interaksi

• Motion — engine animasi modern untuk JavaScript, React, dan Vue; penerus mandiri Framer Motion. animasi ⭐
• Animate UI — koleksi komponen beranimasi berbasis Tailwind dan Motion, dipasang melalui baris perintah shadcn. ui ⭐
• Smooth UI — komponen antarmuka interaktif dengan transisi berbasis fisika pegas dan sentuhan mikro. ui
• Magic UI — pustaka komponen visual dan efek latar bergerak untuk halaman depan produk web. ui
• Motion Primitives — blok animasi siap pakai yang dapat disalin langsung ke dalam proyek Tailwind dan Motion. komponen

Ikon & Aset Grafis

• Lucide — koleksi ikon vektor SVG dengan gaya visual seragam, menjadi standar bawaan pustaka shadcn. ikon ⭐
• Iconify — satu kerangka kerja komponen untuk mengakses ratusan paket ikon terbuka lintas framework. ikon ⭐
• svgl — katalog logo vektor SVG terkurasi untuk berbagai perangkat lunak dan layanan teknologi. svg

Keluarga TanStack

• TanStack Query — standar de-facto data fetching dan cache di React/Vue. state ⭐
• TanStack Router — router type-safe untuk React. router
• TanStack Table — tabel dan grid headless. ui
• TanStack Form — form headless type-safe. form

Backend & API

• Hono — web framework kecil dan sangat cepat, jalan di semua runtime (Node, Bun, Workers). backend ⭐
• NestJS — backend Node terstruktur ala enterprise: dependency injection, modul, guard. backend
• Fastify — server HTTP Node cepat dengan validasi skema. backend
• Nitro — server engine lintas-platform yang mem-drive Nuxt. deploy

Database & BaaS

• Supabase — Postgres BaaS lengkap: auth, storage, realtime; 2 project aktif di tier gratis. baas ⭐
• Neon — Postgres serverless dengan branching ala Git; kini dilengkapi auth, penyimpanan objek, dan fungsi di tier gratis. baas ⭐
• Drizzle — ORM SQL TypeScript yang ringan; jodoh dengan Neon. orm
• Prisma — ORM TypeScript paling populer dengan DX paling hangat. orm
• Turso — SQLite terdistribusi di edge, replikasi global. sqlite

Auth

• better-auth — library auth TypeScript self-host, agnostik framework. auth ⭐
• Auth.js — auth standar untuk Next.js dan ekosistem JS. auth
• Clerk — auth terkelola yang tetap cepat saat aplikasi membesar. saas

Data & State

• Zod — validasi schema TypeScript, bebas dipakai lintas library. validasi ⭐
• Pinia — store resmi Vue. state
• Zustand — store React paling minimalis. state

Deploy

• Vercel — rumah Next.js dan Nuxt; preview deployment tiap PR. deploy ⭐
• Cloudflare Workers — edge runtime, gratis hingga 100 ribu request/hari. edge
• Netlify — hosting statis dengan CICD bawaan. deploy

Perbandingan lengkap kapasitas hosting gratis ada di bagian Hosting & Deploy di Dev Tools.

Python

• FastAPI — API Python modern dengan type hint asli. api ⭐
• uv — manajer project Python yang sangat cepat. tooling ⭐
• Ruff — linter + formatter Python dalam satu tool. tooling
• Pydantic — validasi data berdasarkan type hint Python. validasi
• Automate the Boring Stuff — buku Python praktikal, gratis dibaca. belajar

Belajar & Referensi

• roadmap.sh — roadmap belajar visual per peran developer. belajar ⭐
• free-for.dev — indeks besar layanan dengan tier gratis, diselenggarakan lewat repo publik. gratis ⭐
• QuickRef.ME — cheat sheet interaktif per bahasa. referensi
• 30 Seconds of Code — snippet JS/Python/React siap pakai. snippet
• awesome-cheatsheets — rangkuman bahasa dan framework dari sekian kontributor. referensi