Skip to main content

Next.js

Next.js is a React framework for building full-stack web applications.

What Is Next.js​

Next.js adds routing, rendering options, API routes, server components, image optimization, and deployment-friendly conventions on top of React.

How To Use Next.js​

Create pages and layouts inside the app directory, fetch data where it belongs, and deploy the project to a supported host.

Basic Example​

export default function Page() {
  return <main>Hello, Next.js</main>;
}

Common Concepts​

  • File-based routing maps folders to routes.
  • Server components render on the server.
  • Client components handle browser interactivity.
  • Server actions run trusted server-side mutations.

What To Learn Next​

Learn App Router, layouts, loading states, caching, server actions, route handlers, and deployment.