DEV Community

Show off your JAMstack projects

Georgina Grey on October 13, 2018

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,...
Collapse
 
changoman profile image
Hunter Chang • Edited

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.

Collapse
 
misterhtmlcss profile image
Roger K.

That's a nice looking website. Just finished reading your blog on Gatsby forms with Netlify. Good article. Thank you for sharing man!

Collapse
 
georginagrey profile image
Georgina Grey

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!

Collapse
 
mcat profile image
Mark Catalano

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.

Collapse
 
georginagrey profile image
Georgina Grey

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.

Collapse
 
mcat profile image
Mark Catalano • Edited

Developer projects are free! Say hi on the live chat and I'll send you a discount code :)

Collapse
 
dirtyf profile image
Frank Taillandier • Edited

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.

Collapse
 
nathansebhastian profile image
Nathan Sebhastian

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.

Collapse
 
georginagrey profile image
Georgina Grey

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.

Collapse
 
lewismenelaws profile image
Lewis Menelaws

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...

Collapse
 
georginagrey profile image
Georgina Grey

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!

Collapse
 
mili profile image
mili

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.

Collapse
 
dabiddo profile image
David Torres

I created my blog with JAMstack:

dabiddo.net

Frontend is using Static pages made with NuxtJs and connecting via Graphql to GraphCMS (graphcms.com)