はじめに/API リファレンス/設定/next.config.js/sassOptions

sassOptions

sassOptions を使用すると、Sassコンパイラの設定を行うことができます。

import type { NextConfig } from 'next'

const sassOptions = {
  additionalData: `
    $var: red;
  `,
}

const nextConfig: NextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}

export default nextConfig

/** @type {import('next').NextConfig} */

const sassOptions = {
  additionalData: `
    $var: red;
  `,
}

const nextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}

module.exports = nextConfig

豆知識: sassOptions のプロパティのうち、implementation 以外はNext.jsが管理していないため、型定義がされていません。

リライト (rewrites)

Next.jsアプリにリライトを追加する方法

serverActions

Next.js アプリケーションにおけるサーバーアクション (Server Actions) の動作設定について