Cuttlebelle is a React static site generator that separates editing and code concerns.
It lets you use one layout per page-partial and cleanly separates content from code.
You can extend Cuttlebelle with react components that can make use of the power of the npm ecosystem.
This is free and open source software.
Key Features
- Modularize each page into partials – each section of your page becomes a markdown file with front-matter. The content can be written in YAML or markdown. A layout is nominated per partial.
- Write your layout in react – the layout is written in JSX as a react component. Each variable in your front-matter becomes a prop of the layout.
- Multiple layouts – each page is divided into components that have their own layouts. Think of it like little Lego blocks that make up your site. With that you can build completely new page layouts by assembling them from your smaller partials without having to touch code.
- Separate code from content.
- Templating – uses JSX as the templating language. This makes it very convenient to build simple layouts all the way to super complex ones that fetch data from online APIs.
- Secure without lock-in – only HTML, CSS and JS will be uploaded to your server. No plugins that may leave your site vulnerable to attacks. With Cuttlebelle you’re also not locked into any content management system.
- All content is in Markdown files and can be exported to JavaScript objects.
Website: cuttlebelle.com
Support: GitHub Code Repository
Developer: Dominik Wilkowski
License: GNU General Public License v3.0
Assemble is written in JavaScript Learn JavaScript with our recommended free books and free tutorials.
Related Software
| JavaScript Static Site Generators | |
|---|---|
| Next.js | Minimalistic framework for server-rendered React applications |
| Gatsby | React-based open source framework for creating websites and apps |
| Eleventy | Transforms a directory of templates (of varying types) into HTML |
| Hexo | Fast, simple & powerful blog framework, powered by Node.js |
| Astro | Website build tool for the modern web |
| Docusaurus | Build, deploy and maintain documentation websites |
| GitBook | Publish beautiful docs for your users |
| VuePress | Minimalistic Vue-powered static site generator |
| Metalsmith | Simple, pluggable static site generator |
| Docsify | Documentation site generator |
| React Static | Progressive static-site generator for React |
| Gridsome | Jamstack framework for Vue.js |
| Cuttlebelle | React static site generator |
| Assemble | Rapid prototyping and static site generation |
| Panini | Super simple flat file generator for use with Gulp |
| constexprjs | Stic site generator without a DSL or a templating language |
Read our verdict in the software roundup.
 Explore our comprehensive directory of recommended free and open source software. Our carefully curated collection spans every major software category.This directory is part of our ongoing series of informative articles for Linux enthusiasts. It features hundreds of detailed reviews, along with open source alternatives to proprietary solutions from major corporations such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. You’ll also find interesting projects to try, hardware coverage, free programming books and tutorials, and much more. Know a useful open source Linux program that we haven’t covered yet? Let us know by completing this form. |