DEV Community

Gift Egwuenu
Gift Egwuenu

Posted on • Edited on

What is JAMstack and why you should try it

Have you ever wanted to build a modern web application without all the gimmick then you should have already heard of the JAMstack where JAM stands for JavaScript API's and Markup.

"JAMstack: noun \’jam-stak’\

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

The ever-changing world of the web never ceases to amaze us. Static Websites are popular, super efficient and extremely fast which makes it a good fit for blogs, resumes, portfolio, landing pages and documentation. So yeah Jamstack is cool why should i use it you ask?

Reasons You Should Consider JAMstack

  • Better Performance: If you ever wanted to build your websites on the go with flawless speed and performance your best choice will be to go with the JAMstack. Build your files only on deployment served over a CDN.

  • Cheap and Fast Deployment: Jamstack websites can easily be deployed without going through the hassle of configuring databases, securing .htaccess and so on. We are only dealing with static files so it is easy to integrate a fast CDN to get up and running.

  • Awesome Developer Experience: Learning and using JAMstack is not as difficult as you might think it is. With just HTML, CSS and JS experience developers can build complex websites. JAMstack doesn't require a complex language to start with, It also allows the selection of CMS options for site generators remove the need to maintain a separate stack for content and marketing.

  • ** High-Security**: Static Websites have a very low potential for vulnerabilities because it is just HTML files and external API handling served over a CDN. This reduces any possible risk or attack on the website. It is easy to integrate SSL certificate with Let's Encrypt. Also, leverage the use of server-side microservice APIs to secure the websites.

  • Great Community: The JAMstack community is growing over time. New support for various functionality springs up every day. Even exciting is the local community meetups being created. The Online community is also amazing.

Another great feature to consider is the ability to integrate core dynamic functionalities into JAMstack websites. JAMstack is more or less hyper-dynamic than you can imagine, This technology has the ability to handle dynamic server-side features, thinking of handling backend functions tools like Webtask and Serverless. Form handling on the go with Formspree or Netlify Forms. Full Search capability Google Search, lunr.js and Algolia is There are quite a number of tools available to integrate with JAMstack. The list is available here and here

A whole lot of companies have already joined the bandwagon so what are you waiting for?

Examples of websites

screenshot
screenshot

Useful JAMstack Resources

Originally posted on my blog

Top comments (20)

Collapse
 
imthedeveloper profile image
ImTheDeveloper

I just converted a client from sitecore over to:

Contentful for headless CMS,
Netlify for deployment and hosting,
Gitlab for code repository and version control,
Algolia for site wide search engine,
React front end framework,
Gatsby for build and compilation.

They have been astounded by the performance and I've got to say I'm fully on board with jam.

Oh and this is a Bank! So very cool that they are open to trying this.

Collapse
 
kayis profile image
K • Edited

Nice, I want to use do something like that with AWS next.

AppSync for headless CMS
S3 + CloudFront for deployment and hosting
CodeCommit for code repository and version control
Elastic Search Service for site wide search engine

Probably also with React and Gatsby as frontend.

Collapse
 
agilitycms_76 profile image
Agility CMS
Collapse
 
agilitycms_76 profile image
Agility CMS

Contentful is great, but if you want to save time on coding Page Mangement and other awesome editors tools like URL and Sitemap management - try Agility CMS :) you might be pleasantly surprised. Our own website is on Gatsby and Netlify! check it out. :)
agilitycms.com/resources/guide/con...

Collapse
 
philhawksworth profile image
Phil Hawksworth

Ooh this is interesting. Bravo!

I'd love to hear more about this project. Especially since it can be difficult to persuade a bank to publish anything on a platform outside of what they have been provisioning for years and years.

Any possibility of sharing any more info on this?

Collapse
 
lauragift21 profile image
Gift Egwuenu

Nice that's awesome mind sharing the link?

Collapse
 
kbariotis profile image
Kostas Bariotis

Great list! I wrote a similar post when I was exploring the different options for static site generators a few months ago. I ended up rewriting my blog with Gatsby.

Post: kostasbariotis.com/modern-static-s...
My blog's source code: github.com/kbariotis/kostasbarioti...

Collapse
 
lauragift21 profile image
Gift Egwuenu

Thanks. I also wrote this while exploring static sites. Gatsby is a great one too. I used Hugo and Netlify for mine giftegwuenu.com I like the idea around static site generators.

Collapse
 
reegodev profile image
Matteo Rigon

Are there any alternatives to hosting on netlify? I don't have anything against them but they look like they are the only jam hosting worth using at the moment

Collapse
 
lauragift21 profile image
Gift Egwuenu

Yeah there are alternatives even though I only tried hosting with Netlify. This list will give a detailed idea slant.co/topics/2256/~static-websi...

Collapse
 
kayis profile image
K

You just need some static hosting provider. AWS S3 (+CloudFront) would be enough.

Collapse
 
agilitycms_76 profile image
Agility CMS

Thank you Gift! great article! Here is another good read over coffee - please let us know if you have something to add to our ebook or fix something! :) would love your expert opinion: agilitycms71084.ac-page.com/ebook-...

Collapse
 
kayis profile image
K • Edited

It's basically Fat Client coming to the browser, haha.

But yes, I think with the advent of FaaS/Serverless, we need heavier clients to hide the latency :D

Collapse
 
lauragift21 profile image
Gift Egwuenu

Sure i agree with this.

Collapse
 
nektro profile image
Meghan (she/her)

I have a project I'm working on now that's sole purpose to make a bunch of common-place JAM replacements for everyday native applications for the Web.

github.com/Nektro/apps.nektro.net

Collapse
 
codehakase profile image
Francis Sunday • Edited

Really informative text on the JAMstack

Collapse
 
lauragift21 profile image
Gift Egwuenu

Thanks Francis.

Collapse
 
thebouv profile image
Anthony Bouvier

One I just learned about today (around the same time I opened this article, so it was weird):

vuepress.vuejs.org/

Collapse
 
lauragift21 profile image
Gift Egwuenu

Yeah vuepress is great. Also heard about it over the weekend :)

Collapse
 
vasilevskialeks profile image
Aleksandar Vasilevsk

Great post I make a similar post about static site generators a week ago. I developed my blog with Gatsby.
codespot.org/how-to-build-a-blog-w...