React Summit

React Summit 2022

This Workshop focuses on building a knowledge base using Gatsby, Contentful, and AWS. It covers the basics of Gatsby, including static site generation and routing. The Workshop also introduces Gatsby Content Mesh, which provides a GraphQL layer for adding various data sources. It then demonstrates how to integrate Contentful, a Headless CMS, with Gatsby using the Gatsby-Source-Contentful plugin. The Workshop concludes with deploying the app to AWS Amplify and setting up webhooks for automatic redeployment.

In this workshop, we will go over how to build a knowledge base using Gatsby, a static site generator Framework that uses React and graphQL, Contentful, a Headless CMS to drive the content and deploy it to AWS S3.

Build a knowledge base with Gatsby, Contentful and AWS 

Abdelrhman Adel

React Advanced

React Advanced 2021

Gatsby V4 introduces deferred static generation (DSG), combining the benefits of static site generation (SSG) and server-side rendering (SSR). This approach allows for faster builds and a more deterministic cache. Gatsby V4 also includes features such as parallel query running and LMDB for enhanced performance. The focus is on integrations and improving the developer experience (DX) in the future.

Gats v4 now has SSR and a new rendering mode called DSG. Between SSG, SSR, DSG, ISR and DPR, the Jamstack has recently seen a flurry of new rendering modes that work for every use case that seemed unviable in the past. But knowing what to pick for your site or a portion of your site and what each of these really do under the hood is confusing and easy to do incorrectly.This track will clear the confusion and dive deep into each of these, discuss nuances and even peek under the hood to see how they work and what scalability and consistency promises they offer and which promises they keep. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Gatsby v4's New Rendering Modes 

Sid Chatterjee

React Summit 2020

Welcome to Theming Gatsby apps with Theme UI. Gatsby is a React-based framework for building static websites and applications. Theme UI is a styling library that allows developers to configure designs for components using predefined values. In Theme UI, you can easily refer to your theme object throughout your project. Variants allow you to define styles for common components like buttons.

There are many CSS-in-JS libraries for us to choose from. Imagine being able to take your favorite parts of those libraries and using them in one. Learn about the power of Theme UI. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Theming Gatsby Apps with Theme UI

Pariss Athena

React Summit Remote Edition

React Summit Remote Edition 2021

The Workshop covered various topics in Gatsby, including getting started, creating pages, using GraphQL, adding markdown plugins, integrating CMSs, exploring Gatsby Plugin Image, preserving state and styling, creating client-side pages, and deploying with Gatsby Cloud. The participants encountered and resolved issues related to file name mapping, rendering HTML, querying markdown content, and troubleshooting CMS integration. TypeScript integration, Gatsby starters and themes, and debugging with verbose logging were also discussed. Gatsby Cloud was highlighted as a preferred hosting solution for fast builds and deployments.

With Gats v3 out and freshly released, learn how to build modern, performant and accessible default websites from one of the maintainers of the project, Sid Chatterjee. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#gatsby