We are proud to announce the release of 40+ JAMstack apps generated from various designs crafted by Creative-Tim, Html5Up and Pixelarity. For new comers, I will say a few words about our internal process to generate apps in various languages and technologies, using as input only flat HTML designs.
In a rush? All apps referenced in this article are listed in the JAMstack section of our repository.
App Generation Process
The first phase in this process is to parse and control the input HTML theme. In the whole process, this phase was the hardest part, i must say and took more than one year to have a stable and usable HTML parser that allows us to convert html files into usable templates for various engines: Jinja, Blade, PUG, Mustache and plain Php.
HTML Parsing Phase
- normalize the HTML file to load the assets from a standard directories ( /assets/ [ img, js, css ] ) making the integration in webpack related tools much easier
- edit / traverse the HTML tree
- edit attributes like anchor href's, span texts, remove elements, edit class names
- extract components for production use for various engines like PUG, Jinja2, Blade
When this phase is complete, the output is injected into existing boilerplates already equipped with tools and features like login, registration, database.
Boilerplate injection phase
Now, enough with the talk, let's present some JAMstack apps generated using this workflow. I will start with the free tier and close the article with a few commercial apps.
The apps uses a design crafted by Creative-Tim, the well known web design agency. We decided to preserve the permissive license (MIT) and release this JAMstack app into the wild as a freebie: demo, sources
Using this workflow we will generate apps for various technologies, widely used or cutting edge ones. In case you are an web agency and the ideea of using pre-built templates into your development process sounds good, don't hesitate to contact us