Next.js

ドキュメント学ぶ使用例
ブログ
Join Next.js on Spectrum
7
What’s new in 7?

React.jsのフレームワーク

Production

実際の使用例を見る
License: MIT
ドキュメントを見る
GitHub
File-System RoutingAutomatic Code SplittingServer Side RenderingStatic ExportingMore...
pages/index.jspages/about.jspackage.json
import Link from 'next/link'

export default () => (
  <div>
    <h1>Hello Next.js 👋</h1>
    <Link href='/about'><a>About</a></Link>
  </div>
)
http://localhost:3000

Next.js will serve each file in /pages under a pathname matching the filename.

For example, /pages/about.js is served at site.com/about.

Next.jsの特徴

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

設定の必要ゼロ

自動コード分割、 ファイルシステムに基づくルーティング、 ホットリロードとユニバーサルレンダリング。

Next.jsを学ぶ

完全に拡張可能

BabelとWebpackの設定を自分でコントロールできます。 サーバー、ルーティング、プラグインもカスタマイズできます。

ドキュメンテーションを読む

プロダクションモードのサポート

Oビルドサイズの縮小、開発者のコ​​ンパイルの高速化、その他数多くが改善のために最適化されています。

使用例をみる

Next.jsを使っている企業

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

Ticketmaster

Ticketmaster

Invision

Invision

Marvel

Marvel

Magic Leap

Magic Leap

Nike

Nike

Netflix Jobs

Netflix Jobs

Mozilla VR

Mozilla VR

ギャラリーを見る

Learn Next.js

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

Get Started

Docs

Setup

Configuration

Static Export

Recipes

FAQ

Contributing

Learn

Basics

Excel

Showcase

Blog

More

GitHub

Releases

Spectrum

Design

About ZEIT

Open Source Software

GitHub

Twitter

Copyright © 2018 ZEIT, Inc. All rights reserved.