bookshop
eleventy-high-performance-blog
Our great sponsors
bookshop | eleventy-high-performance-blog | |
---|---|---|
20 | 9 | |
229 | 3,982 | |
2.2% | 0.4% | |
7.7 | 4.1 | |
7 days ago | 17 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bookshop
-
Storybook 8
It seems like CloudCannon has this with their open-source Bookshop component editor which can integrate with their hosted CMS.
https://github.com/CloudCannon/bookshop
The small user base, however, means there probably aren't other CMSs that use the same component representations or CMS live data bindings. This means while Bookshop components are portable between CMSs on paper, it's not in practice (e.g. you can't easily hook it up to another CMS with a visual editor like Wordpress's Gutenberg, Storyblok, etc.).
-
How to import Hugo theme to CloudCannon?
You can use a script to import your Hugo theme but this will only give you text editing functionality (markdown). For the visual editing experience you will need to convert your current theme to a cloudcannon theme using bookshop https://github.com/CloudCannon/bookshop
-
JS Uglify/Minify Gems?
What's everybody using to make their javascript smaller nowadays? I used Grunt to minify my JS, CSS, and images many moons ago but I want to update my template to actually use bundle to deliver my assets since I'm creating a visual editor with CloudCannon.
-
The Top Five Static Site Generators (SSGs) for 2023 — and when to use them!
Bookshop is a component development workflow for static websites. Bookshop defines a convention for building self-contained components in the templating languages supported by common SSGs. Using these conventions, Bookshop provides developer tooling that empowers you to integrate these components with your stack, build and browse UI components locally, and provide rich live editing experiences for your editors.
-
23 of the best Eleventy Themes (Starters) for 2023
Sendit is a multipurpose Eleventy theme made with the Bootstrap CSS framework. The components have been converted to Bookshop. It’s the perfect starting point to see how CloudCannon works.
-
11 Top Eleventy Blog Themes (Starters) in 2023
Sendit is a multipurpose Eleventy theme with a built-in blog, made with the Bootstrap CSS framework. The components have been converted to Bookshop. It’s the perfect starting point to see how CloudCannon’s Visual Editing and component-based page-building works, and how they can really speed up your blogging flow.
-
A new Eleventy theme — in a CMS with full Eleventy support!
For users of our open-source component development workflow Bookshop, we’ve created a full reference guide for Bookshop on Eleventy and a Bookshop starter template. (The Sendit theme comes with Bookshop and a wide range of components already configured, too!)
-
Save Time Building Static Sites: New Editor Improvements
The last place our improvements touch on is visual page building. You can now create new pages in the Visual Editor and edit the page’s default data right away — with no build needed. We also added an option to preview your new page without a build. To get a preview, you’ll need pages configured to render from your front matter using Data Bindings and Previews (we also recommend Bookshop here). Then you can use the new option new_preview_url to set your preview to another page’s output URL. The Visual Editor will load that set preview URL and use the Data Bindings and Previews to render your new page without saving. You can try this with our Megakit template.
-
Introducing Pagefind: Static Low-bandwidth Search at Scale
Our SSGs through the ages series delves into the history of this space, and one of the trends that we’re seeing is larger and larger projects migrating to static websites, helped in part by the efficiency of static site generators like Hugo. We build many such sites for ourselves — the CloudCannon documentation is nothing to sneeze at — as well as for our Enterprise partners, and our customers build yet more on our platform every day. As this scale continues to increase, we find ourselves encountering new and interesting challenges. In the past we have released open-source tools for component-driven development, internationalization, pagination and portability. Now, we have our sights set on search.
-
Why the web is turning away from WordPress
Bookshop, one of our own open-source tools, allows the kind of component-based editing in SSGs such as Hugo, Jekyll, and Eleventy that — to put it bluntly — no one thought was possible. It’s an inflection point that will affect how these SSGs will be used in the coming years; think Elementor’s block-based builder for WordPress, with increasing support for additional platforms that don’t have rigid security and maintenance constraints. With Bookshop, developers can work with custom components on the SSG they choose, without being locked into a single platform.
eleventy-high-performance-blog
- Eleventy High Performance Blog
-
11 Top Eleventy Blog Themes (Starters) in 2023
Eleventy High Performance Blog demo site Source
-
Deploy an Eleventy Blog on Cloudflare pages with Strapi, MySQL, and Dokku on a Digital Ocean Droplet, part 2
I'll save the nitty-gritty, inner-workings of my blog and how I emulate Eleventy's high performance blog example for later. For now, we just want to connect the dots...let's see what we have and what we still need to do:
-
Creating a Blog with 11ty and HAX11ty
Lastly, we'll look at a template created by Google that uses 11ty to make a blog. If you'd like to check out the template yourself, this is their Github.
-
Learn 11ty
One last example uses a template based off the original one, found here. Again, I used the template, cloned, and added my posts. Here is my GitHub repo and my sample site.
- Eleventy High Performance Blog Template by Google
-
🧢 Stefan's Web Weekly #7
google/eleventy-high-performance-blog – A high-performance blog template for the 11ty static site generator.
- [OC] Lighthouse shows an animation when reaching 100% 🎆
-
Top 10 Developer Trends, Mon Sep 07 2020
google / eleventy-high-performance-blog
What are some alternatives?
flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS
esm.sh - A fast, smart, & global CDN for modern(es2015+) web development.
eleventy-chirpy-blog-template - Blog template for 11ty based on Chirpy UX
Ciphey - âš¡ Automatically decrypt encryptions without knowing the key or cipher, decode encodings, and crack hashes âš¡
elf - Elf is a simple & magical Eleventy starter kit to help you create a project using standard technologies like webpack, Babel and Sass, while also considering ease of use, performance and browser compatibility.
responsively-app - A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
pagefind - Static low-bandwidth search at scale
clifford - Geometric Algebra for Python
hugo-ink - Crisp, minimal personal website and blog theme for Hugo
Tasmota - Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
hugo-theme-yinyang - A black-white theme for Hugo.
11ty-sass-skeleton - Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.