What is the JAMstack

Hello Coders,

JAMstack is Javascript and Markup that can be statically hosted anywhere. It compliments serverless technology and can be used with serverless Cloud functions. The backend of traditional applications is almost entirely redundant, and instead much of the complexity happens at build-time with the Javascript tool-chain.

Javascript, APIs, and Markup

The next evolution in modern web development.

The JAMstack is not about specific technologies like Php, Python or Ruby. Basically, it’s a new way of building websites and apps that delivers:

  • Security
  • Lower costs of scaling
  • Better developer experience
  • Speed
  • SEO friendly apps

JAMstack Builders

GatsbyJS - React-based, GraphQL powered, static site generator. This generator  is optimised for speed, and tries to build the fastest possible website, it delivers code and data splitting out-of-the-box. There with Gatsby loads only the parts of your website which are needed right now. In addition, Gatsby prefetches resources for other pages. Because of that navigating between pages of your website feels incredibly fast.

Nuxt.js - is not only a static site generator based on Vue.js. Infact it delivers multiple build options: build server-side-rendered Vue.js SPAs, generate static webpages from Vue.js code. Under the hood we use webpack with vue-loader and babel-loader to bundle, code-split and minify your code.

Jekyll - static site generator which is available since 2009 and is build based on top of Ruby and is also the engine behind GitHub Pages.

Hugo - static site generator which is also very popular which is proven by over 35k stars on GitHub. Hugo is based on the Go programming language which is great if you have already gained some knowledge of Go. Hugo claims that it is the fastest framework for building websites. In fact Hugo comes with an ultra-fast build process and makes building static websites a breeze.

In case you want to play with some JAMstack apps, we've built a list:

JAMstack Sample Apps

Modern, Blazing Fast, Secure Apps built in JAMstack architecture.

JAMstack App - Fractal

Beautiful web app, crafted by HTML5 Up, enhanced with Gulp scripts, SaaS customization, Hot reload, Markup generated by Panini.

Resources: Live DEMO, More Info

JamStack App Fractal coded by AppSeed App generator

JAMstack App - Big Picture

Designed by HTML5 Up, enhanced with Gulp scripts, SaaS customization, Hot reload, Markup generated by Panini, FTP deploy script.

Resources: Live DEMO, Read more about it here.

JamStack App Big Picture coded by AppSeed App Generator

JAMstack App - Landed

Designed by HTML5 Up, enhanced with Gulp scripts, includes SaaS customization, Hot reload, Markup generated, FTP deploy script.

Resources: Live DEMO

JamStack App Landed coded by AppSeed App Generator

All above JAMstack apps are open-source. Feel free to clone and use them in your projects. Useful? Sharing is caring.  Thank you!

Resources & Credits:

Show Comments

Get the latest posts delivered right to your inbox.