next-js-16-launchpad

Solid

Next.js 16 with Turbopack, Cache Components, and proxy.ts. Use for bootstrapping, migrating, and building with App Router and React 19.

Web & Frontend 335 stars 29 forks Updated today

Install

View on GitHub

Quality Score: 85/100

Stars 20%
84
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
0
Description 5%
100

Skill Content

# Next.js 16 Launchpad Next.js 16: Turbopack default (2-5× faster builds), Cache Components (`'use cache'`), and `proxy.ts` for explicit control. ## When to Use ✅ Next.js 16, Turbopack, Cache Components, proxy migration, App Router, React 19.2 ❌ Pages Router, Next.js ≤15, generic React questions ## Requirements | Tool | Version | |------|---------| | Node.js | 20.9.0+ | | TypeScript | 5.1.0+ | | React | 19.2+ | ## Quick Start ```bash # New project npx create-next-app@latest my-app # Upgrade existing npx @next/codemod@canary upgrade latest npm install next@latest react@latest react-dom@latest ``` Recommended: TypeScript, ESLint, Tailwind, App Router, Turbopack, `@/*` alias. ### Minimal Setup ```tsx // app/layout.tsx export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en"> <body>{children}</body> </html> ) } ``` ```tsx // app/page.tsx export default function Page() { return <h1>Hello, Next.js 16!</h1> } ``` ## Configuration ```ts // next.config.ts import type { NextConfig } from 'next' const nextConfig: NextConfig = { cacheComponents: true, reactCompiler: true, } export default nextConfig ``` ### v15 → v16 Changes | v15 | v16 | |-----|-----| | `experimental.turbopack` | Default | | `experimental.ppr` | `cacheComponents` | | `middleware.ts` (Edge) | `proxy.ts` (Node) | | Sync `params` | `await params` | ## Core Patterns ### 1. Server Components (Default) ```tsx export default async f...

Details

Author
aiskillstore
Repository
aiskillstore/marketplace
Created
5 months ago
Last Updated
today
Language
Python
License
None

Integrates with

Next.js · Frontend npm · DevTools

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

nextjs-app-router

Provides patterns and code examples for building Next.js 16+ applications with App Router architecture. Use when creating projects with App Router, implementing Server Components and Client Components ("use client"), creating Server Actions for forms, building Route Handlers (route.ts), configuring caching with "use cache" directive (cacheLife, cacheTag), setting up parallel routes (`@slot`) or intercepting routes, migrating to proxy.ts, or working with App Router file conventions (layout.tsx, page.tsx, loading.tsx, error.tsx).

263 Updated 1 weeks ago
giuseppe-trisciuoglio
Web & Frontend Listed

building-nextjs-apps

Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics. NOT when building non-React or backend-only applications.

335 Updated today
aiskillstore
Web & Frontend Listed

050102-nextjs-framework

Next.js 16 framework patterns — async APIs, server components, React Compiler, routing, caching, metadata SEO, and anti-patterns.

1 Updated yesterday
natuleadan
Web & Frontend Listed

react-nextjs

React 19.2 + Next.js 16 development - Server Components, Cache Components, proxy.ts, View Transitions, App Router, TypeScript 6, and Tailwind CSS v4. Use when building frontend apps, creating components, or asking "how do I set up X?"

0 Updated today
IuliaIvanaPatras
AI & Automation Listed

turbopack

Turbopack expert guidance. Use when configuring the Next.js bundler, optimizing HMR, debugging build issues, or understanding the Turbopack vs Webpack differences.

1 Updated 5 days ago
build-with-dhiraj