Nextjs Framework
Overview
Next.js is a flexible React framework that gives you building blocks to create fast web applications.
When to Use This Skill
Use to build dynamic SEO-optimized frontends or full-stack web platforms on Vercel.
Quick Start (with runnable code examples)
// Next.js App Router Page example (app/page.js)
export default function Home() {
return (
<main className="flex min-h-screen flex-col items-center justify-between p-24 bg-black text-white">
<h1>Welcome to Next.js on Vercel!</h1>
</main>
);
}
Advanced Usage
Integrate React Server Components (RSC), configure middleware routing, handle static site generation (SSG) caching, and define edge API routes.
Key References
Dependencies
- next>=14.0.0, react>=18.0.0