Using Jamstack for forever cost-efficient websites regardless of the traffic

About Jamstack

Jamstack, previously stylized as JAMStack, is abbreviation for JavaScript, APIand Markup was founded by Mathias Biilmann, also, the CEO of Netlify back in 2015. Jamstack is one of the modern and best methods out there to make applications and websites. In Jamstack websites, the application logic typically resides on the client side (for example embedded e-commerce checkout that interacts with pre-rendered static content), without being tightly coupled to the back end server. They are mostly served with git based CMS or headless CMS
What do they do differently?
The Jamstack approach to build a website or maintain is much different from the regular approach of building websites. The management of the content is done differently too. It has a headless CMS which isn’t part of the website itself. A headless CMS makes content accessible via an API for display on any device, without a built-in front-end or presentation layer. Here, the headless Content management system is externalized and content is provided through an API. As an editor, one still gets to add, delete or edit the content in any way unlike the conventional way. Then the content is used at the build time as a source of content for the static site generator.

Jamstack websites have pre-build markup and optimises assets faster as there is no requirement to query the database since the files are already compiled and get served to the browser from a content delivery network. In turn, this eliminates the cumbersome development barriers and the need for excess maintenance.

Lot of assumption goes about Jamstack is that it is considered a static website. However the reality is Jamstack is both a static and as well as a Dynamic website. Yes, it has the best of both worlds. How it works- it separates the dynamic processes from the static files through a build process. What is this build process – the web 2.0 or the dynamic fragment is an automated system in which the developers can fetch data from the dynamic systems. One can grab content from WordPress database, or even tweets via the Twitter API. THe possibilities are boundless, and the build process takes place on a separate server from the users who visit the website, so there are far lesser security threats.

The static segment- web 1.0 part- is the result of the build process. The build process produces a collection of static CSS, HTML, media files and JavaScript. Later, these files are uploaded to a content delivery network. And when the users visit the website, their browsers download the static files, the same they did back in the 90s.

When the build fails, the website won’t go down, the reason being the visitors on the website are still looking at the last set of static files. If ever the website goes down is in the case if the content delivery network (where the static files are located) goes down, which doesn’t happen almost never happens. Even if does, it probably means a good part of the web is down too.

Our experience prior to Jamstack

“When we were using WordPress, which was for a long time, it had multiple security issues. It had high server maintenance charges. There were outdated plugins and themes. Our website potentially had loads of vulnerabilities. And had low SEO performance.

-Vellor Akash, Director of ERAINTERFACES

Our experience with Jamstack

“It has been four months since we started using Jamstack and we have never experienced something like this.  We don’t pay for any server or any infrastructure expenses. We are able to save our recurring monthly bills, which we were paying earlier.  We don’t get to make any expenditure even if our website hits millions of views. The traffic request on our website is never going to add to our expenditure. It is deployed once and live forever.”

– Vellor Akash, Director of ERAINTERFACES
Our Stacks:
Gatsby Framework

Netifly as CDN

React

Some Jamstack functional benefits are:

  • serve project from a CDN
  • the code is entirely in GIT
  • automated builds and atomic deploys
  • instant cache invalidation
  • and use modern build tools to help you with all of that

Our experience with Jamstack is amazing. We are able to benefit from things  which were at our disadvantage from our previous conventional site on WordPress. We wanted to build a site which is fast, cost-efficient, convenient to use and make, serves good security, and races even when high on traffic. Previously our website would cost us a lot, high the traffic higher the cost. However with Jamstack it has changed.

We are now able to edit and maintain the content on our page easily. It is lightning-fast. Jamstack is SEO friendly too. We are able to achieve this and  more with  our new Jamstack approach to our website