Next.js

Next.jsのインストールと設定。

まず、以下のコマンドを使用して新しいReactプロジェクト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

最新のNext.jsコンパイラはデフォルトでswcを使用します。Babelプラグインの設定については、こちらをご覧ください。


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