Leo

screenshot of Leo
react

Highly Extensible, Declarative Static Site Generator

Overview:

LEOLEO is a library that allows developers to create Content Based Site Generators with a common GraphQL data layer. Unlike other generators such as Jekyll and Hugo, LEO uses a different approach by leveraging a GraphQL data layer instead of template languages. LEO offers a Quick Start section for those who prefer using pre-built generators like React/Apollo. With LEO, developers can build advanced static sites that utilize their Single Page Application skills and can even turn Universal applications into Progressive Web Apps. LEO's data processing is coordinated by webpack and exposed via GraphQL, offering rich introspection capability. Additionally, LEO is highly flexible and allows developers to use a variety of UI technologies and tooling.

Features:

  • GraphQL Data Layer: LEO utilizes a common GraphQL data layer that allows developers to use any UI technology, such as React, Glamor, and Inferno.
  • Highly Extensible: LEO offers a highly extensible framework that allows developers to easily add plugins and customize their static site generators.
  • Structured Content Types: LEO supports structured content types such as Markdown, Blogpost, and Contentful, making it easy to manage different types of content.
  • Reuse Component Libraries: With LEO, developers can reuse component libraries across different client projects, improving productivity and consistency.
  • Flexible Use of UI Tooling: LEO doesn't restrict developers from using the latest and greatest UI tooling, allowing them to leverage tools like Babel, TypeScript, React, Inferno, PostCSS, Glamor, Apollo, and Relay.

Summary:

LEOLEO is a powerful library for creating Content Based Site Generators with a GraphQL data layer. It offers a different approach compared to traditional generators by leveraging the flexibility and power of GraphQL. With LEO, developers can build advanced static sites, reuse component libraries, and use their favorite UI tooling. LEO's extensibility and ease of use make it a great choice for developers looking for a modern and flexible static site generator solution.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

apollo
Apollo

Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.