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 |
| Publii | Desktop content management system |
| 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 |
| mkweb | Compact static website generator for Node.js |
| 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 carefully curated directory of recommended free and open source software, covering every major software category.The directory forms part of our extensive collection of articles for Linux enthusiasts. It includes hundreds of detailed reviews, together with free and open source alternatives to proprietary software from companies such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. LinuxLinks also covers interesting projects worth exploring, Linux-compatible hardware, free programming books and tutorials, and much more. Know a useful free and open source Linux application that we haven’t covered? Tell us about it using our submission form. |
Please read our Comment Policy before commenting.