Did you know Leonardo DiCaprio uses JAMstack? And he’s not the only one!
Well, now that we’ve got your attention… we’ve previously talked about how great JAMstack is so it shouldn’t be a surprise that everyone’s using it, right? Of course, the answer is never that simple.
Some businesses have different priorities that aren’t aligned with JAMstack development. However, those that have chosen this approach (Mr. DiCarpio included) are certainly showing great results that are worth highlighting.
So, without further ado, here are 10 fantastic examples of JAMstack in action.
- Logger MTS
- Louis Vuitton
- Leonardo DiCaprio Foundation
- Right From Basics
- JFK Terminal 4
If you want to know more about each of them - read on.
Frontend / Generator: React JS
Peloton sells exercise bikes and treadmills packaged with home classes - depending on where you are in the world, you’ve probably caught one of their adverts. While their range isn’t the biggest, it nonetheless needs to impress.
Of course, it wouldn’t be on this list if it wasn’t using JAMstack! It’s smooth, it performs well and doesn’t buckle under pressure, what more could you want?
Frontend / Generator: Hugo
Many people assume that “static” websites are devoid of any animation or other elements. Often, because they are generally considered as counterintuitive of our JAMstack goals. Fortunately, Logger MTS has a website that perfectly proves them wrong - so we had to include it here.
It’s smooth, it’s fast, and it’s still beautifully animated where needed. From a visual perspective, this is the ideal example of JAMstack development that compromises on next to nothing, but still gives all the benefits.
Frontend / Generator: VueJS
We’re including this option because we both want to include examples of e-commerce sites running on JAMstack as well as a very well known name. Louis Vuitton fits the bill perfectly here. Not only is it a luxury brand, but the overall design shows that static web pages can’t still have a flair or a sense of dynamism.
Above all else, the site is easy to use, performs well and has a quick and easy checkout process with no technology hurdles in sight. JAMstack in a nutshell.
Leonardo DiCaprio Foundation
CMS: Cloudflare (CDN) + TakeShape.io (Content Editor)
Leonardo DiCaprio? We hope that’s a name that got your attention. Well, specifically, we’re talking about the website for his personal charity - the Leonardo DiCaprio Foundation. Still, the organization has a long history and has grown to rely on the JAMstack ecosystem for their web-based needs.
Here, we see yet another example of what can be achieved with JAMstack. It’s static, but not visually boring. It’s fast to load, smooth to experience and ticks all the boxes a website should.
Frontend / Generator: TakeShape.io
It stands to reason that any service designed to work with JAMstack should use the technologies themselves, right? Well, we just looked at TakeShape.io in the Leonardo DiCaprio Foundation, so let’s take a look at their site.
TakeShape is a small player in the JAMstack world with a focus on content delivery networks. That said, its website is built entirely with these principles in mind - it’s fast, loads well and doesn’t put a strain on web browsers for the loading. It’s a point well demonstrated.
Frontend / Generator: Metalsmith, Webpack
CMS: Netlify & Prismic.io
Louis Vuitton isn’t the only designer brand to get in on the JAMstack action. Fabuwood designs luxury kitchen cabinets from their base in New Jersey, USA. While their range might be small, their website certainly doesn’t pull any punches when it comes to content.
From regular blogs and updates to the ability to find dealers via postcode, or even entire sections for kitchen inspiration, the Fabuwood site is built to easily handle content updates, changes and additions. What’s more, it’s sleek design doesn’t shy away from animation or dynamism where needed, but still loads wonderfully.
Right From Basics
Frontend / Generator: Hugo
A learning platform with a strong tech-focus, we’re not surprised Right From Basics has chosen the JAMstack route - in fact, they even cover JAMstack as a topic!
Frontend / Generator: Nuxt.js
CMS: Cloudflare (CDN)
As a shipping platform, the Easyship website has to offer a lot for individual users once they log in. In this way, they’ve used JAMstack to keep the web portal fast and highly performant.
This is particularly noticeable when using various tools and calculators. By keeping as much content as static as possible, the more complex elements don’t impact the website as much as they normally would - the ease of loading has been immensely lifted.
Frontend / Generator: Gatsby
A London fashion retailer, Ingmarson is one of many great examples of JAMstack development with ecommerce. The site runs everything from product listings and virtual baskets to the checkout process itself.
A combination of Gatsby and Netlify, it’s a site that knows how to use the best technology for user-friendly means.
JFK Terminal 4
Frontend / Generator: Webpack
Finally, let’s end on a site that arguably sees the most traffic. JFK International Airport is one of the biggest and busiest aviation hubs in the world - so big, in fact, that each of its 6 terminals is treated independently enough that they have their own websites. Here, we’re looking at the website for JFK Terminal 4.
This site performs as great as you’d expect, but it’s also designed for regular content in mind. Not only is there a content section, including blogs, news and events, there’s also more dynamic content, such as terminal maps (arguably the slowest part, because it connects to an external site) and wider directories. It’s a site built to offer a lot and handle a lot of traffic at the same time.
The best in JAMstack development
JAMstack developers, take note: great websites don’t need to come at a cost. The examples here reflect the broad range of what is possible. Neither scope or scale can prevent a JAMstack website from competing with the rest of the internet.