| name | nextjs-framework |
| description | Building modern React web applications with Server-Side Rendering (SSR), API routes, and routing layouts in Next.js. |
| allowed-tools | Read Write Edit Bash |
| license | MIT license |
| metadata | {"skill-author":"Lord1Egypt"} |
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