Gladejs
Helping Marko to Roll Uphill, Pass the CaScadeS and reach the GladeJS at 11' for Tea (it's a frontend framework).
Overview
GladeJS presents an innovative solution for developers looking to build modern websites using a combination of Marko and Eleventy within a Rollup setup. It caters to both static site generation (SSG) and server-side rendering (SSR), establishing itself as an effective framework in the Jamstack architecture. By simplifying the process of bundling websites, GladeJS serves to bridge the gap between developers and the tools they need, all while ensuring a streamlined development experience.
With a clear focus on usability and efficiency, GladeJS allows developers to interact directly with known tools like Eleventy, PostCSS, and Terser, helping circumvent the steep learning curve that comes with many new frameworks. This approach not only enables enhanced productivity but also provides flexibility by letting users dictate the level of JavaScript included in their outputs.
Features
- Dual Functionality: Combines both static site generation (SSG) and server-side rendering (SSR) to provide a comprehensive solution for modern web projects.
- Well-Documented Configuration: Simplifies the complex process of Rollup configuration into a single well-structured file that even non-experts can navigate comfortably.
- Direct Tool Interaction: Enables developers to interact directly with familiar tools like Eleventy and Babel without the constraints of an opaque framework API.
- Minimal JavaScript Output: Offers the flexibility to exclude JavaScript unless needed for Marko client-side components, making it lightweight and efficient.
- Easy Installation: Provides straightforward manual installation steps, with an automatic initialization package planned for future updates to facilitate quick setup.
- NPM Command Control: Utilizes NPM scripts for project control, ensuring developers can run, build, and manage their projects with familiar commands.
- Clear Project Structure: Encourages a logical file organization that separates web pages, components, and styles, enhancing maintainability and collaboration.
- Cross-Platform Compatibility: Tested on major platforms (MacOS, Ubuntu, and Windows) and compatible with NodeJS v14 or superior, making it versatile for various development environments.
- 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.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Marko
Marko is HTML re-imagined as a language for building dynamic and reactive user interfaces. Just about any valid HTML is valid Marko, but Marko extends the HTML language to allow building modern applications in a declarative way.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- 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.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- 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.