Next.js

Install and configure Next.js.

First, create a new React project next.js using the following command.


npx create-next-app@latest


pnpm dlx create-next-app@latest


yarn dlx create-next-app@latest


bun x create-next-app@latest

Tip

The latest Next.js compiler uses SWC by default. For Babel plugin configuration, see here .


npm install babel-plugin-istanbul babel-plugin-canyon -D


pnpm add babel-plugin-istanbul babel-plugin-canyon -D


yarn add babel-plugin-istanbul babel-plugin-canyon --dev


bun add babel-plugin-istanbul babel-plugin-canyon --dev

babel.config.js


module.exports = {
  presets: ["next/babel"],
  plugins: ["istanbul", "canyon"],
};