Next.js with TypeScript

nextjs-typescript.md

Next.js with TypeScript

setup

npm init next-app ~/code/next-ts && code ~/code/next-ts
npm i -D typescript @types/react @types/node
git rm -f index.js

index.tsx

import React from 'react';
import { NextPage } from 'next';

const Home: NextPage<{ userAgent: string }> = ({ userAgent }) => (
  <h1>Hello, world! — user agent: {userAgent}</h1>
);

Home.getInitialProps = async ({ req }) => {
  const userAgent = req ? req.headers['user-agent'] || '' : navigator.userAgent;
  return { userAgent };
};

export default Home;

run

npm run dev