Hi dev.to!
It wasn't until a couple of months back that I started paying attention to the "JAMstack" trend, if you're not familiar with the term, check out this post:
Like every other technology it comes with some limitations, so I'm curious to see what type of projects you have built using the JAMstack and how you came around those constraints (if any).
I hope to share mine soon :)
Top comments (13)
I built my blog with Gatsby.js and it's hosted with Netlify:
codebushi.com
With Gatsby, it took a bit to get my head around how the GraphQL data layer works. After messing around and reading their docs and examples, I was able to understand most of it. Gatsby focuses on performance so my site is usually pretty fast.
That's a nice looking website. Just finished reading your blog on Gatsby forms with Netlify. Good article. Thank you for sharing man!
Huh! I stumbled with your site a few days back :) I put a bookmark to check out some tutorial you posted, thank you and it looks great!
We built a JAMstack CMS called TakeShape. It's a combination of GraphQL API and static site generator with 1-click integration to Netlify. People have made some pretty neat stuff with it. And we use it to build our own www site ;)
For anyone interested in JAMstack and you're in NYC my co-founder and I will be presenting at the JAMstack NYC meetup talking about GraphQL. The JAMstack group in NYC is an incredibly friendly and welcoming community of folks.
This looks awesome, recently I've been looking for headless CMS but this one didn't come up :O
I'll take a closer look later (and to the pricing too :P)
Thanks for sharing Mark.
Developer projects are free! Say hi on the live chat and I'll send you a discount code :)
You'll find plenty of static generated websites on:
jamstack.org/examples/
thenewdynamic.org/showcase/
gatsbyjs.org/showcase/
gohugo.io/showcase/
jekyllrb.com/showcase/
You can see it's used by Facebook, Spotify, Mailchimp, Netflix, Algolia, Netlify, GitHub for blogs, documentation, marketing pages, landing pages, and so on. As long as there's not much user-generated content, the sky is the limit.
You can also see that you can have dynamic pages with this stack: search with Saas like Algolia, or payment with Snipcart. On top of that you can make use of serverless and functions as a service to run your functions in the cloud - AWS lambda, Google Cloud functions, Azure functions, etc. — for a very low price, as you only pay for execution time. It's much cheaper than having to maintain your own infrastructure.
In a web of services, with APIs ruling the software world, decoupled architecture make very much sense. They're efficient, faster, cheaper, and scale much better.
Content managers can rely on headless CMS or Content as a service platforms like Prismic.io or Contentful.
Basically you build your websites like you build your apps, except you don't manage any servers, you focus on shipping value to the users.
It's not just a trend, it's how the web works nowadays and monolithic architecture burden and workflows does not provide the flexibility and speed that this modern stack bring. It's a win-win for developers and users.
I migrated my site from WordPress to Gatsby around a month ago due to performance issues.
sebhastian.com
I haven't encountered any significant limits in using Gatsby so far, since my site is primarily used for blogging only.
Rather than limitations, I discovered how to use GraphQL to query my content and serve them with React.
Graphql is something I've been wanting to learn for some time now but haven't had the time/actionable project to work on, on a second thought, I did hover over it a couple of years ago, I think I decided to wait until it became more mature.
Thanks Georgina for the shoutout :).
One of my favourite sites is the 2019 NYC pride walk website that was built using GatsbyJS. I love it because it's a site with lots of complexity and functionality, but doesn't take away from any of the benefits of a JAM Stack website.
2019-worldpride-stonewall50.nycpri...
Wow, it looks great, I love the UI. I love the carousel for the gallery, looks simple and clean, I actually need to create one in the upcoming days, thanks for sharing again!
I build my website with Hugo and deploy on Netlify.
freeplay.games
It's a website where you can play free online html5 games. I choose Hugo because it's one of the fastest static site generator. It isn't very hard to learn Hugo i needed only couple days and i never before used go language. Documentation is good and you have on youtube tutorials for almost everything you need.
I created my blog with JAMstack:
dabiddo.net
Frontend is using Static pages made with NuxtJs and connecting via Graphql to GraphCMS (graphcms.com)