Next themeizer

Package for adding "Themeizer" ecosystem interaction configuration to your next.js application.

Installation

Using npm:

$ npm install next-themeizer

Using yarn:

$ yarn add next-themeizer

Configuration

| Option | Required | Type | Description | | ------ | -------- | ---- | ----------- | | url | true | string | api url to load and read colors | | headers | false | JSON object | an object of headers required for reading from api | | revalidate | false | number | period in which to fetch styles (in minutes) |

Add configuration to environment variables.

For example, via .env files:

// .env.local
THEMEIZER_OPTIONS={"url":"https://example.com/api/themes","revalidate":0.1,"headers":{"token":"example-token"}}

Add themeizer to your app config:

Base:

const withThemeizer = require('next-themeizer').default;

module.exports = withThemeizer({
    // next.js config
});

With next-compose-plugins:

const withThemeizer = require('next-themeizer').default;
const withPlugins = require('next-compose-plugins');

module.exports = withPlugins([
    [withThemeizer]
], nextConfig);

Usage

More about usage on main package page.

Themeizer ecosystem

• Figma plugin "Themeizer" - plugin for changing themes in design and publishing them in the cloud;
• themeizer - package for embedding themes from "Themeizer" Figma plugin at the server level or at build stage;
• next-themeizer - package for adding "Themeizer" ecosystem interaction configuration to your next.js application;
• themeizer-cli - a package to automatically replace published colors (as well as linear and radial gradients) in style files with a css variable;
• stylelint-themeizer - stylelint plugin for "Themeizer" ecosystem.

License

MIT