There is no doubt the JAMstack ecosystem is rapidly evolving and keeping up has become challenging, to say the least.

Static is the new black! And the plethora of tools and resources available is pushing the boundaries of what you can do with a static website to the new heights. How websites and apps are built today is gradually changing thanks to wider adoption and benefits that come with static front end with a back-end microservices approach.

I’ve been mapping the JAMstack tools for a bit over a year now. It’s just the way I learn, connect the dots in an exotic surrounding if you will. Leaving the breadcrumbs so I know how to get back. Each journey requires a map, right? Hence JAMstack ecosystem infographic.

Sign up for our JAMstack newsletter! Get exclusive web development case studies in your mailbox! Submit

There are a few things you should keep in mind before sharing/commenting on this infographic. First of all, not all of the tools are mapped. I won’t say it is an impossible thing to do but it is pretty damn hard. The ones included are the ones I encountered most of the time (already have a couple of tools in the queue waiting to be added, static site generators and headless CMSs leading in numbers).

Second, the JAMstack tools thing is just for naming purposes. In that sense, the frameworks are tools, and the headless CMSs, and the static site generators, and utility APIs, etc.

Third, JAMstack is a thriving and evolving ecosystem in more ways than just this one. Hence different perspectives on the subject/naming/categorization. This one is ours.

With that being said I invite you to hit us up and let us know either of the tools we’ve missed or possible different layout/approach we could have/should have taken. We’re up for your feedback (hit us via Twitter) so that the next iteration of this infographic can present the ecosystem in a much, much better way.

DOWNLOAD LIGHT or DARK INFOGRAPHIC VERSION

By no means, this is the complete list. Your feedback is more than valuable so feel free to hit us up and suggest additions/changes. You can see what we added so far in this in this G.Sheet here.

Need help navigating your next project with JAMstack tools? We can help with that.

BOOK A MEETING today and learn more about what we can do for you and your business.

Further Reading

The following resources helped me a lot while making the infographic.

The Power of Serverless for Front-End Developers - https://serverless.css-tricks.com/

Services for your JAMstack Application - https://dev.to/fullstack_to/services-for-your-jamstack-application-45e5

A curated list of awesome JAMstack resources - https://github.com/automata/awesome-jamstack