I am attempting to configure a Next.js TypeScript app to work with Sass and a font in Next.js. I have been following the steps outlined in this article.
Without the font module, styles are working correctly.
Below is my next.config.js without the font configuration:
const withSass = require('@zeit/next-sass');
module.exports = withSass({
cssModules: true
});
This is how I attempted to configure fonts for the app:
const withSass = require('@zeit/next-sass');
const withFonts = require('nextjs-fonts');
module.exports = withSass(withFonts({
webpack(config, options) {
return config;
},
}));
However, when I change the next.config.js as shown above, the app no longer applies the styles. How can I resolve this issue?