Skip to main content

What IS JAMStack

Short introduction to JAMstack

Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup

JAMstack - Short Introduction​

Apps built in Jamstack architecture met the following criteria:

  • JavaScript, any dynamic programming during the request/response cycle is handled by JavaScript, running entirely on the client
  • APIs, all server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript
  • Markup, templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps

Why using a JAMstack app?​

The major advantages met by the JAMstack pattern are:

  • Apps are much faster because there is no more dynamic build of the pages
  • Security - a static app with less API endpoints reduce allot the risk of being hacked
  • Better developer experience - using a JAMstack app a developer needs only a simple editor and a console to create and deploy an app

Sample JAMstack App​

For instance, let's build a sample JAMstack app by getting the source code from Github. Let's pick up the first result, open the README file and follow the intructions provided:

$ git clone https://github.com/app-generator/jamstack-fractal.git
$ cd jamstack-fractal

$ yarn # install modules
$ yarn start # start the app for development

$ yarn build # build for production

If all goes well, the app can be visited on http://localhost:8000 As we can see, building an app in JAMstack architecture is quite an easy job.