JAMstack Personal Growth

What is JAM STACK?
You may have already seen or worked on a JAMstack site! They do not have to include all attributes of JavaScript, APIs, and Markup. They might be built using by hand, or with Jekyll, Hugo, Nuxt, Next, Gatsby, or another static site generator...


JavaScript
Any dynamic programming during the request/response cycle is handled by JavaScript, running entirely on the client. This could be any frontend framework, library, or even vanilla JavaScript.


APIs
All server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript. These can be custom-built or leverage third-party services.


Markup
Templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.

Examples:
https://jamstack.org/examples/

Difference between Create React APP and Gatsby

Create-react-app (CRA), is a build cli, it helps you bootstrap a new react app from nothing fairly quickly. It's rather opinionated about how you should do that and prohibits configuration to reduce complexity for new folks.

Gatsby, is similar is some senses but the end goal of each project is fairly different. Ultimately Gatsby is really "competing" against technologies like Jekyll vs CRA. To that end, Gatsby is a good bit higher level. It's intended to help build static sites quickly and optimizes for that use case. Practically that means you get server-side-rendering built in, and a whole robust data layer and plugin system for working with data, from CRM's like Drupal, Contentful, down to queryable metadata about react components and jsdoc comments in your source code.


My longterm goal is to rebuild my js skillset, get better at react and apollo, bring gatsby into our/my workflow, and eventually build a tailored reusable front end system.


https://gomakethings.com/

https://jamstack.org/

https://jamstack.org/best-practices/

https://snipcart.com/blog/jamstack

https://snipcart.com/media/204006/jamstack-vs-wordpress-1.png?width=800&format=webp&quality=80&upscale=false

https://reactjs.org/

https://medium.com/@dwalsh.sdlr/gatsby-apollo-graphcool-netlify-the-webs-promised-land-6dd510efbd72

https://jamstack.org/examples/

https://www.gatsbyjs.org/

https://graphql.org/

https://www.apollographql.com/

https://github.com/gatsbyjs/gatsby/issues/1458

https://scotch.io/tutorials/jamstack-the-what-the-why-and-the-how#toc-how-to-build-with-the-jamstack

https://jamstack.org/resources/