Making Next.js routing

Now that we know how to make Next.js routing, let's make another page:

// pages/second.js
import React from "react";
export default () => (<div>Second</div>);

This new page is accessible via http://localhost:3000/second.

Now, let's add a link to that second page to the index page.

1. In order to do proper client-side navigation, we need to import a link component from Next.js:

      // pages/index.js
      import React from "react";
      import Link from "next/link";
      export default () => (<div><Link href...