NEXT.JS STARTER KIT

Bangun fiturnya.
Fondasinya siap.

Arsitektur rapi, autentikasi, dan testing untuk aplikasi Next.js. Pilih mode, lalu mulai membangun.

my-appKode milik Anda

src/

app/Routing & layout
features/Domain bisnis
components/Komponen UI
server/Akses data
lib/Utilitas bersama
config/Environment tervalidasi
styles/Design tokens

AGENTS.mdKonvensi untuk tim & AI

import "server-only";

import { connection } from "next/server";
import { getTodos } from "@/server/dal/todos";

export async function listTodos() {
  await connection();
  return getTodos();
}

import { z } from "zod";

export const createTodoSchema = z.object({
  title: z.string()
    .trim()
    .min(3, "Judul minimal 3 karakter")
    .max(100, "Judul maksimal 100 karakter"),
});

Server-first. Feature-based.TypeScript strict

Next.js 16
React 19
TypeScript strict
Tailwind CSS v4

Proyek Anda, fondasi yang tepat.

Backend terpisah atau database sendiri. Pilih preset, salin perintah, lalu jalankan.

Frontend / BFFBackend sudah ada? Hubungkan lewat API, lengkap dengan autentikasi cookie.API client · BFF auth · OpenAPI · MSWFullstack / SaaSData dan logika server dalam Next.js. Sudah termasuk database dan login.Drizzle · Postgres · DAL · Better Auth

1. Buat proyek

npm create nextjs-kit@latest my-app -- --preset saas-fullstack --yes

2. Jalankan di mesin lokal

cd my-app
cp .env.example .env.local
npm run db:up
npm run db:migrate
npm run dev

Ingin mulai lebih ringan? Preset minimal menyediakan baseline tanpa modul opsional.

Kode yang enak
dilanjutkan bersama.

Satu pola untuk semua fitur. Konvensi tertulis di AGENTS.md, jadi developer dan AI bekerja dengan panduan yang sama.

Lihat arsitektur

app/Susun halaman

features/Tulis logika bisnis

server/Hubungkan data

Batas yang jelas

Server-only dan aturan impor ESLint menjaga kode tetap di lapisan yang tepat.

Siap diperiksa

Typecheck, unit test, E2E, dan CI sudah menjadi bagian dari proyek.

Konfigurasi tervalidasi

Zod memeriksa environment dan input sebelum diteruskan ke logika bisnis.

Sepenuhnya milik Anda

Kode ada di repo Anda. Aplikasi berjalan tanpa dependency runtime ke kit ini.

Tambahkan yang dibutuhkan.

Baseline selalu ikut. Modul mengikuti kebutuhan aplikasi Anda.

Terhubung ke backend

frontend

Mengelola data sendiri

fullstack

Dari instalasi ke fitur pertama.

Ikuti panduan langkah demi langkah, dengan contoh yang bisa langsung dijalankan.

Mulai membangun

Bangun fiturnya.Fondasinya siap.