Rocket

screenshot of Rocket
eleventy

The modern web setup for static sites with a sprinkle of JavaScript

Overview

This project, Rocket, is a meta framework for static websites with a sprinkle of JavaScript. It aims to provide developers with a modern web setup for static sites by building on top of giants like Lit, Rollup, and Modern Web. The goal is to enable developers to quickly get a site up and running and focus on the content, while still being able to customize every detail of the underlying tools used. Rocket is part of the Modern Web Family.

Features

  • Meta Framework: Built on top of giants like Lit, Rollup, and Modern Web.
  • Powerful Default Template: Provides a default template so that users can start with a ready-to-go site by just adding content.
  • Small: No overblown tools or frontend frameworks, allowing the addition of JavaScript and/or Web Components only on pages where needed.

Summary

Rocket is a meta framework for static websites that aims to simplify the setup process and allow developers to focus on content. It leverages popular tools like Lit, Rollup, and Modern Web to provide a powerful default template while keeping the project small and lightweight. The goal of Rocket is to be part of the Modern Web Family and provide developers with a flexible and customizable solution for static site development.

eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.

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.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

web-components
Web Components

Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.