Use the latest official support for sass to support less
npm i @mapleafgo/next-less less
# or
yarn add @mapleafgo/next-less lessCreate a next.config.js in your project
// next.config.js
const withLess = require("@mapleafgo/next-less");
module.exports = withLess(
{
/* less-loader lessOptions */
},
{
/* config options here */
}
);Same as official sass, You can use component-level Less via CSS Modules and the .module.less extension.