@anephenix/ui

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.

Usage

To be fleshed out. See the site for details.

tests

npm t

License and credits

©2021 Anephenix OÜ. UI is licenced under the MIT Licence.

Changelog

0.1.2 - Thursday 9th January, 2025

• Added scripts to automate publishing the NPM package
• Updated Dependencies
• Merge pull request #35 from anephenix/dependabot/npm_and_yarn/next-14.2.15
• Bump next from 14.2.10 to 14.2.15
• Merge pull request #34 from anephenix/dependabot/npm_and_yarn/next-14.2.10
• Bump next from 14.2.3 to 14.2.10
• Merge pull request #33 from anephenix/dependabot/npm_and_yarn/braces-3.0.3
• Bump braces from 3.0.2 to 3.0.3
• Updated dependencies
• Updated dependencies
• Updated browserslist dev dependency
• Merge pull request #31 from anephenix/dependabot/npm_and_yarn/ip-1.1.9
• Bump ip from 1.1.5 to 1.1.9
• Merge pull request #29 from anephenix/dependabot/npm_and_yarn/babel/traverse-7.23.2
• Bump @babel/traverse from 7.20.12 to 7.23.2