What's your JAM(stack)?

What's your JAM(stack)?

Shifting from a monolithic CMS approach to a JAMstack setup comes with an abundance of choice. On the other hand, all that choice can come with indecision paralysis. Where’s a dev to start? Thankfully, there’s a thriving ecosystem of frameworks offering varying flexibility and structure, different approaches to performance and delivery, etc. We’ll talk about some ways to evaluate available tools, using Gatsby as an example.

7f063ceeef1e3bab1b4cd76b10bd8b7c?s=128

Amberley Romo

April 09, 2019
Tweet

Transcript

  1. 5.
  2. 8.
  3. 11.

    I know there's our. And sugar. And butter, right? I

    know there's JS . And APIs . And Markup , right?
  4. 12.

  5. 14.
  6. 16.
  7. 17.
  8. 25.
  9. 29.
  10. 30.
  11. 31.
  12. 33.
  13. 35.
  14. 36.

    PRPL pattern • ( P ush) critical resources for the

    initial URL route. • ( R ender) initial route. • ( P re-cache) remaining routes. • ( L azy load) and create remaining routes on demand.
  15. 39.

    Kyle Mathews @kylemathews PSA: @gatsbyjs is not just for "sites".

    It produces static HTML and then rehydrates into a React app. Think of it as an opinionated CRA with built-in SSR and nice integrations w/ CMSs. Please use Gatsby to build apps. Thanks for listening. Happy Friday and happy developing. 856 2:51 PM - Sep 21, 2018 191 people are talking about this
  16. 40.

    Performance Route-based code splitting Use HTTP/2 to serve assets Set

    up background prefetching Lazy-load non-critical assets Use a service worker PRPL pattern Only ship live code Serve static les
  17. 44.
  18. 46.
  19. 47.
  20. 48.
  21. 49.
  22. 52.
  23. 53.
  24. 57.

    Jason Lengstorf @ JS Heroes @jlengstorf Did you know you

    can create pages in @gatsbyjs w/unstructured data? This code will: Load data from the @PokeAPI Create a page with links to all Pokémon Create individual Pokémon pages Create pages for abilities of each Pokémon Repo: github.com/jlengstorf/gat… 257 4:07 PM - Oct 12, 2018 · Portland, OR 56 people are talking about this
  25. 62.

    Brandon Dail @aweary Replying to @peggyrayzis @ReactAmsterdam A great developer

    experience is one that you never have to think about, it just gets totally out of the way and lets you focus on building your product 22 11:43 AM - Apr 3, 2019 See Brandon Dail's other Tweets
  26. 63.
  27. 65.

    Gatsby @gatsbyjs Every week we have a video call for

    the Gatsby community. Share Gatsby content or PRs you've been working on Give feedback on new features Learn what’s planned and what’s being worked on Wednesdays @ 8:45am Pacific Sign up at: gatsby.dev/oss-maintainers 73 2:37 PM - Mar 12, 2019 18 people are talking about this
  28. 66.
  29. 67.
  30. 68.
  31. 72.
  32. 74.

    Further reading Gatsby performance deep dive by Dustin Schau. Using

    Gatsby without GraphQL by Amberley Romo. The Journey to a Content Mesh (series) by Sam Bhagwhat. Progressive Disclosure of Complexity by Jason Lengstorf. Gatsby's mission and values by Jason Lengstorf.