Next 9 is out!Next 9 is out! — TypeScript, Dynamic Routing, Auto Static Optimization, and more!Learn More →

The React Framework for

ProductionServer-Rendered AppsStatic Websitesthe Enterprisethe Desktopthe Mobile WebLightweight AppsSEO-Friendly SitesPWAsElectron

import Link from 'next/link';

export default function Index() {
  return (
    <div>
      <h1>Hello Next.js 👋</h1>
      <Link href="/about">
        <a>About</a>
      </Link>
    </div>
  );
}

import Link from 'next/link';

export default function Index() {
  return (
    <div>
      <h1>Hello Next.js 👋</h1>
      <Link href="/about">
        <a>About</a>
      </Link>
    </div>
  );
}

Hello Next.js 👋

About

Why Next.js

The world’s leading companies use and love Next.js

Server Rendering

With Next.js, server rendering React applications has never been easier, no matter where your data is coming from.

Static Exporting

No need to learn a new framework. Exporting a static site with Next.js is as easy as a single command.

CSS-in-JS

Next.js comes with styled-jsx included, but it also works with every CSS-in-JS solution you know and love.

Zero Setup

Automatic code splitting, filesystem based routing, hot code reloading and universal rendering.

Learn Next.js

Fully Extensible

Complete control over Babel and Webpack. Customizable server, routing and next-plugins.

View Full Documentation

Ready for Production

Optimized for a smaller build size, faster dev compilation and dozens of other improvements.

View Showcase

Read Case Study

Who’s Using Next.js

We’re honored some of the most talented creatives out there build with Next.js

Tencent News

Netflix Jobs

Twitch

Hulu

realtor.com

Nike

AT&T

View Gallery

Learn Next.js

Tutorials, examples and quizzes. Learn Next.js step-by-step and earn points ✨.

Get Started