Spearhead is a starter kit for quickly building and deploying low energy climate aware websites. Spearhead is equipped with Quell for rapid creation of low code web experiences also supporting hybrid app creation using multiple JavaScript frameworks. Backed by HEDGE our climate aware data store tracking SCI. Built on top of the tried and true ever evolving Angular framework for modern front-end web development and AWS well architected framework sustainability pillar. The complete clean, low energy platform for climate aware web building.
The instructions to set-up Spearhead locally can be found in the below wiki page.
https://github.com/rollthecloudinc/spearhead/wiki/Spearhead-Website-Local-Set-up-Instructions
- Low Energy
- SEO Friendly
- High Availability Low Latency
- In Place Editing
- SCI Tracking
- Back-end
- Front-End
- Dev Tools Styling
- Carbon Awareness
- Application Embedding
- Extensibe Plugin System
- Transparency
- Github Native
Spearhead web apps run completely in the browser without any additional page loads unless publishing or editing new pages. Builders can optionally disable JavaScript for deployment adding to sustainability of Spearhead websites.
Standard Beacon Score
Pure static with Angular removed Beacon score.
Spearhead pages are pre-rendered on the server as HTML. Initial page loads include the physical HTML right on the page. Subsequent page changes run completely in the browser without additional network requests. The data used to generate pages is compiled directly into the source code to neautralize network traffic during a continuous publishing and/or reading session.
Standard Lighthouse Evaluation
Spearhead wep apps run on CDNs. The presentation website runs on Azure Static Web Apps with enterprise grade edge enabled. However, Spearhead web apps can be hosted on any CDN – aws, cloudflare, github, gitlab, etc.
In Place Editing – Quell
Publish and edit pages directly in the browser without additional page loads never leaving the site.
Publishing and editing is disabled for production deployments that opt into running the site without JavaScript.
Tracks both front and back end emissions. Logs back-end SCI inside AWS Open Search. Once in open search data can be analyzed for opporunities to reduce emissions and purchase offsets. Users can contribute to offset of Spearhead web app deployments emissions by using the contribute button within the header of every site (@todo).
Spearhead wep apps can be styled using Tail Wind CSS directly in the browser without code changes. Browser dev tools can be used to add Tail Wind CSS classes to customize pages. Classes added within the dev tools are retained and applied to future page loads.
This feature is not currently supported when deploying to production without JavaScript.
Carbon Awareness – HEDGE
Spearhead wep apps are backed by our award winning clean energy carbon aware data store HEDGE.
Outside applications can be natively embedded into pages using web pack 5 module federation. Devs can create micro-frontends that deomonstrate features which can then be hosted inside pages without an iframe. Spearhead wep apps are native orchestration platforms for micro-frontends.
Spearhead plugins are completely independent web apps that can be included at runtime into any spearhead web app. Plugins can be added without modifying spearhead web app and/or host application that the plugin will be used. This enables development of plugins that extend spearhead web apps independent of the core web app itself. Plugin authors deploy plugins on CDNs as small, independent web apps that are loaded remotely. Once plugins are published can be included at runtime in the browser when building pages without changing any code or installing new software. For more details about plugins and creating them visit the pluin starter kit project below.
https://github.com/rollthecloudinc/quell-plugin
Roll the Coud web site front-end carbon emissions are publicly reported using statsy.
Github is used extensively for Roll the Cloud enterprise apps. We store data in object repos. We achieve automation using Github Actions for continuous deployments. All code is open source and available on Github. Spearhead wep app deployments can also be hosted on Github Pages free of costs without sacrificing latency or availability.
Manual set-up instructions for new spearhead aka: carbonfree website.
https://github.com/rollthecloudinc/carbonfree/wiki/Automating-Carbonfreed-Website-Setup
Spearhead distribution for rapid dev of documentation websites.
https://github.com/rollthecloudinc/spearhead-docs
Spearhead distribution for rapid development of blogs.
https://github.com/rollthecloudinc/spearhead-blog (@todo)
Spearhead distribution for rapid development of product catalog / ecommerce website.
https://github.com/rollthecloudinc/spearhead-commerce (@todo)
Spearhead distribution for rapid development of nonprofit / 501(c)3 charity website.
https://github.com/rollthecloudinc/spearhead-charity (@todo)
Adaptable SCI reporting dashboard.