Skip to content
App Router...next.config.js OptionssassOptions

sassOptions

sassOptions allow you to configure the Sass compiler.

next.config.ts
import type { NextConfig } from 'next'
 
const sassOptions = {
  additionalData: `
    $var: red;
  `,
}
 
const nextConfig: NextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}
 
export default nextConfig

Good to know: sassOptions are not typed outside of implementation because Next.js does not maintain the other possible properties.