Gen screenshot

Gen

Author Avatar Theme by C8r
Updated: 13 Dec 2017
97 Stars

Compositor JSX static site generator

Categories

Overview:

The GenCompositor JSX static site generator is a tool that allows users to build static sites using Lab components and Iso JSX files. It can export static HTML and inlined CSS, handle multiple routes, and export CSS using styled-components, glamorous, and more. The tool also enables the usage of Lab components and themes in markdown and allows users to pass props data via front-matter. Users can export a static site and run it in development mode.

Features:

  • Build static sites with Lab components and Iso JSX files
  • Exports static HTML and inlined CSS
  • Handles multiple routes
  • Export CSS using styled-components, glamorous, and more
  • Use Lab components and themes in markdown
  • Pass props data via front-matter

Installation:

To install the GenCompositor JSX static site generator, follow these steps:

  1. Run the following command to install the package:
npm install gen-compositor
  1. Add the following code snippet to your project:
import Gen from 'gen-compositor';
  1. Initialize Gen with your preferred options:
const gen = new Gen(options);
  1. Use Gen to generate your static site:
gen.buildStaticSite();
  1. If needed, run the static site in development mode:
gen.runDevelopmentServer();

Summary:

The GenCompositor JSX static site generator is a powerful tool for building static sites using Lab components and Iso JSX files. It allows users to export static HTML and inlined CSS, handle multiple routes, and export CSS using popular libraries like styled-components and glamorous. It also provides the capability to use Lab components and themes in markdown and pass props data via front-matter. With its easy installation process and robust features, GenCompositor JSX static site generator is a great choice for developers looking to create static sites efficiently.