Skip to main content

Helix

Adobe Helix is the next generation CMS. Its built author first and has no developer facing backend. Everything development wise happens client side. CSS and vanilla JS only, hosted on GitHub.

The main difference to other cms is, that all content is hosted exclusively on either SharePoint or GoogleDrive. Helix grabs that content, transforms it to markdown and HTML. These fragments are being made statically available via fastly CDN.

A client requests the html and executes the referenced scripts. These are a developers only possibility to alter the Websites appearance. Dom Manipulation, third party requests and CSS Styling transform the generated html into the desired visual outcome.

Everybody can go through the official tutorial and give helix a try. It's free! I highly recommend it - you need roughly 20 minutes.

Technical Setup

A Helix development domain is constructed from three parts: Branch Name, Repository Name and Repository Owner username.

Example: https://branchname--reponame--githubusername.hlx3.page/site/path

hlx.live/docs/architecture

Best Practices

Merge only via GitHub PullRequest. Add a Helix url to the pull requests branch and utilize the Helix Bot Core Web Vital1 analysis for every commit. This ensures, that you never heavily change a pages' performance to the worse.

Official Adobe Helix Pages

References

1 https://web.dev/vitals