We're very proud to open-source Next.js , a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site!

The "Hello World" of Next.js

To start using it, run inside a new directory with a package.json :

$ npm install next --save

$ mkdir pages

Populate pages/index.js :

import React from 'react'

export default ( ) => < div > Hello world ! < / div >

Add a script to the package.json like this:

{

"scripts" : {

"dev" : "next"

}

}

and run:

This blog post will go into the philosophy and design decisions of the project.

To learn how to use Next.js instead, please refer to the README , where you can learn the entirety of the tool's capabilities in just a few minutes.

First we'll dive into the background of the project and then describe 6 basic principles:

Zero setup. Use the filesystem as an API

Only JavaScript.…