@mies-co/next-ant v0.0.12

Next-Ant

Easily use ant-design with nextjs.

Next-Ant will override ant styles thanks to your theme.scss file.

List of the default ant theme variables.

Example

See an example app here

Installation

# regular NPM package install 
npm install --save @mies-co/next-ant
 
# install directly from GitHub 
npm install --save github:@mies-co/next-ant
 
# install NPM package via Yarn 
yarn add @mies-co/next-ant

OR USING THE GITHUB REGISTRY

You may also create a .npmrc file at the root of your Next.js app, with the following content:

# Specifies the registraty for @mies-co packages
@mies-co:registry=https://npm.pkg.github.com/

Then add this in package.json:

{
    "dependencies": {
        "@mies-co/next-ant": "latest"
    }
}

Usage in your Next.js app

withAnt

Enables to provide the ant webpack config to your nextjs config.

In next.config.js:

const { withAnt } = require("@mies-co/next-ant");

module.exports = withAnt({
  ant: {
    theme: "./public/static/styles/theme.scss",
  },
  // Your nextjs config as per their documentation
  // https://nextjs.org/docs/api-reference/next.config.js/introduction
});

API

ant

• theme: The path to your scss antd variables