In this article, I will present an automatized workflow used to release 40+ JAMstack open-source apps generated on top of existing designs crafted by well-known web design agencies (Creative-Tim, HTML5Up and Pixelarity ).
I decided to build an automation workflow, based on my freelancing experience from the last two years, mostly based on the feedback and clients requirements:
- The clients constantly require a variety of designs to choose from
- Apps should be delivered in modern technologies
- Legacy apps migration to newer technologies using low budgets
To solve all those problems and challenges I've built a semi-automated workflow:
Parse the flat HTML design with component extraction and translation to various template engines (Jinja2, PUG, Blade, Php native .. etc)
Execute automatically a minimum set of tests
Using this workflow, only for Php apps at the beginning, I discovered a huge similarity when I decided to build JAMstack apps or Python apps. The initial phase was identical for the generation process for all technologies, only the injection phase was slightly different, but not much.
All JAMstack apps generated using this process are open-source, published on Github, 7 apps are free and 35 are commercial. The numbers, based on the design providers are:
- Creative-Tim - 4 apps released under the MIT license
- HTML5 Up - 3 apps with CCA 3.0 License
- Pixelarity apps - 35 - commercial license
What is JAMstack
The full list can be found here along with the links to DEMO & Sources and license type for each app
- JAMstack - read more about JAMstack pattern
- Blog articles related to JAMstack
- A curated list with production-ready JAMstack Apps
Thank you for reading & Happy coding!