Add Ant Design

Ant Design is a component library that makes creating responsive websites super easy. Let’s start by adding the ant design library:

npm install --save antd

Now, we want to import the main css file in the root of the application. The _app.tsx is a great place to put this import because it is loaded on every page so we can ensure that it will be loaded everywhere.

import 'antd/dist/antd.css';
import App from 'next/app';

class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props;
    return <Component {...pageProps} />;
  }
}

export default MyApp;