Next.js

Install and configure Next.js.

First, use the following command to create a new React project with next.js.


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, please check 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"],
};