@anephenix/ui NPM

UI

A design system for Next.js applications, using Sass as the CSS preprocessor.

Installation

npm i @anephenix/ui --save

Dependencies

Node.js (14+)
React (Version 17)
Sass (V 5.0+)

Setup

In order to use Anephenix's React UI within your Next.js applications, you will need to adjust your Webpack configuration in order to load the react components.

Make sure that the next.config.js file for your Next.js app has this code:

const applyWebpackConfig = (test = /\.jsx/) => {
	return (config, options) => {
		config.module.rules.push({
			test,
			use: [options.defaultLoaders.babel],
		});
		return config;
	};
};

module.exports = {
	webpack: applyWebpackConfig(),
};

The applyWebpackConfig function ensures that you can load the React components from the node_modules folder.