@xylit/ssg

Xylit SSG is a powerful static site generator:
Being Less Bloated... Being More Straightforward!

Getting Started

Please follow the official documentation.

.ssg.js-Format

SSG files are JavaScript files that are slightly transformed before execution. This is necessary in order to perform a dynamic code analysis.

Consider this SSG file

const css = style.module.css`
  .headline {
    color: red;
  }
`;

export default html`<h1 class=${css.headline}>Hello Xylit</h1>`;

Converted, it looks similar like this:

import * as SSG from "@xylit/ssg";
const { html, style } = SSG.init(import.meta);
export const meta = import.meta;

const css = style.module.css`
  .headline {
    color: red;
  }
`;

export default SSG.defineComponent(import.meta, () =>
  html`<h1 class=${css.headline}>Hello Xylit</h1>`;
);