Next.js 16 (App Router + Turbopack)
App Router default, Server Components first, Client Components only when interactive.
Cursor Rules
.cursorrules و CLAUDE.md جاهزة لكل framework.
20 إدخال
App Router default, Server Components first, Client Components only when interactive.
Hooks first, no class components. Avoid useEffect for data flow.
Utility-first, design tokens via CSS variables. No nested arbitrary values.
Copy-paste components, edit the source. No npm dependency for the components themselves.
Composition API + script setup. Pinia for state.
Runes-based reactivity. $state, $derived, $effect.
Islands architecture. Ship zero JS by default.
Server state lives in queries. Mutations invalidate, never manually setQueryData.
Async by default, Pydantic everywhere, dependency injection over globals.
Class-based views, async views where helpful, DRF for APIs.
Constructor injection, @ConfigurationProperties for config, Testcontainers for tests.
Use stdlib net/http, errors.Is, table-driven tests. Avoid frameworks.
Axum routers, tower middleware, sqlx for DB. Use anyhow only at the edge.
ESM, TypeScript by default, no CommonJS in new packages.