Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
# Single app
npx create-next-app@latest my-app && npm install remixicon
# Monorepo
npx create-turbo@latest my-monorepo
Image component for automatic optimizationforce-cache, { next: { revalidate: 3600 } }, no-storeloading.tsx and for loading/error stateserror.tsxapps/ (Next.js apps) + packages/ (shared UI, configs, types)^build for topological order)outputs for proper cache hits{
"$schema": "https://turbo.build/schema.json",
"pipeline": {
"build": { "dependsOn": ["^build"], "outputs": [".next/**", "dist/**"] },
"dev": { "cache": false, "persistent": true },
"lint": {},
"test": { "dependsOn": ["build"] }
}
}
references/nextjs-app-router.md — Routing, layouts, parallel routesreferences/nextjs-server-components.md — RSC patterns, streamingreferences/nextjs-data-fetching.md — fetch API, caching, revalidationreferences/nextjs-optimization.md — Images, fonts, bundle analysisreferences/turborepo-setup.md — Installation, workspace configreferences/turborepo-caching.md — Local/remote cache strategies