SHARE
TWEET

Untitled

a guest Aug 23rd, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. JAMstack Personal Growth
  2.  
  3. What is JAM STACK?
  4. 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...
  5.  
  6.  
  7. JavaScript
  8. 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.
  9.  
  10.  
  11. APIs
  12. 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.
  13.  
  14.  
  15. Markup
  16. Templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.
  17.  
  18. Examples:
  19. https://jamstack.org/examples/
  20.  
  21. Difference between Create React APP and Gatsby
  22.  
  23. 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.
  24.  
  25. 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.
  26.  
  27.  
  28. 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.
  29.  
  30.  
  31. https://gomakethings.com/
  32.  
  33. https://jamstack.org/
  34.  
  35. https://jamstack.org/best-practices/
  36.  
  37. https://snipcart.com/blog/jamstack
  38.  
  39. https://snipcart.com/media/204006/jamstack-vs-wordpress-1.png?width=800&format=webp&quality=80&upscale=false
  40.  
  41. https://reactjs.org/
  42.  
  43. https://medium.com/@dwalsh.sdlr/gatsby-apollo-graphcool-netlify-the-webs-promised-land-6dd510efbd72
  44.  
  45. https://jamstack.org/examples/
  46.  
  47. https://www.gatsbyjs.org/
  48.  
  49. https://graphql.org/
  50.  
  51. https://www.apollographql.com/
  52.  
  53. https://github.com/gatsbyjs/gatsby/issues/1458
  54.  
  55. https://scotch.io/tutorials/jamstack-the-what-the-why-and-the-how#toc-how-to-build-with-the-jamstack
  56.  
  57. https://jamstack.org/resources/
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top