Frameworks128k+ stars

Next.js

The React Framework for Production

Commit Details

Message: "Initial commit"
Author: Guillermo Rauch
Date: 2016-10-05
Hash: 9b45f4dca6f3c5f1f0c0c4b26c4c5c6d5e5f4a3b

Fun Fact

Next.js was released on October 25, 2016. Guillermo Rauch created it at Zeit (now Vercel) to make React apps easy to deploy.

</>First Code

JavaScript

// Next.js - The React Framework
// Created by Vercel (formerly Zeit)

import React from 'react'
import { render } from 'react-dom'

export default class App extends React.Component {
  static async getInitialProps({ req }) {
    // Server-side data fetching
    return { data: 'Hello World' }
  }
  
  render() {
    return <div>{this.props.data}</div>
  }
}

// The magic: Server-side rendering meets React
export function renderToHTML(req, res, page) {
  const html = ReactDOMServer.renderToString(<App />)
  return `<!DOCTYPE html><html><body>${html}</body></html>`
}

← All Projects

20 of 48