Best of Gatsby — 2022

  1. 1
    Article
    Avatar of pointerPointer·4y

    The State of Frontend in 2022

    The State of Frontend in 2022 analysis of 3,700 respondents from 125 countries. The 5 countries with the most responses were the US, Poland, UK, Germany and India. Only 18% of people filling out the survey said they work at non-tech-first companies.

  2. 2
    Article
    Avatar of communityCommunity Picks·4y

    Why Create React App is Outdated in 2022

    Create React App uses Client Side Rendering (CSR) to bundle the Javascript files and builds one single file to render it all on the client. This is all done within the client’s browser as React does not have access to Server Side Renders (SSR) in the default configuration.

  3. 3
    Article
    Avatar of asayerasayer·4y

    Top alternatives to Create-React-App

    The React team’s official launch script, Create-React-App (CRA) is the best choice for launching your React applications. There are some difficulties that developers run into while starting their project with the CRA.

  4. 4
    Article
    Avatar of communityCommunity Picks·4y

    We measured the SSR performance of 6 JS frameworks - here's what we found.

    We measured the SSR performance of 6 JS frameworks to choose from. All demos are public and hosted on Netlify. The results were interesting, but just like Formula 1, it was often milliseconds that separated the good from the great.

  5. 5
    Article
    Avatar of newstackThe New Stack·4y

    How to Use Google Sheets as a Database with React and SSR

    How to use Google Sheets as a Database with React and SSR How to Use Google Sheet as a database with React or SSR. Data is sent from the browser to a Serverless Function that securely posts to a Google Sheet. To use Serverless Functions in React you can use either Next.js or Gatsby.

  6. 6
    Article
    Avatar of communityCommunity Picks·4y

    Server Side Rendering (SSR) vs. Client Side Rendering (CSR) vs. Pre-Rendering using Static Site Generators (SSG) and client-side hydration.

    A comprehensive guide to the concepts of Traditional Server Side Rendering (SSR), Static Rendering, SSR at build time, and Static Site Generators (SSG) and client-side hydration. In SSR the HTML components of the webpage are generated on the server-side, and then returned to the browser. In Client side rendering (CSR) the HTML parts of the website is generated in the browser. The browser must fully download the JS bundle.

  7. 7
    Article
    Avatar of hashnodeHashnode·4y

    Which Frontend Framework to Pick for Your E-commerce Storefront?

    Ecommerce storefront should provide users with the best experience to facilitate their purchases. Not all ecommerce platforms provide you with the flexibility to implement a good experience in your ecommerce storefront. This article introduces you to the most efficient frontend framework that can be the best fit for building a storefront for your headless commerce server.

  8. 8
    Article
    Avatar of snipcartSNIPCART·4y

    What is Headless WordPress & Should You Use It?

    W3Techs: WordPress is the most popular CMS in the world, powering 43.3% of the world’s websites. WordPress is built as a monolithic platform with a tightly coupled front and backend. Going headless unlocks a variety of new opportunities for WordPress developers by opening the door for new frameworks, tech stacks, and delivery channels.

  9. 9
    Article
    Avatar of hashnodeHashnode·4y

    How I Built a Comic Book Store from Scratch with Medusa, Gatsby, PayPal, and MeiliSearch

    Medusa is an open source headless commerce platform targeted toward developers. It can be used to build fully-fledged online stores. It has a lot of essential ecommerce features including automated RMA flows, plug-and-play integrations, product and order management, and much more.

  10. 10
    Article
    Avatar of twirThis Week In React·4y

    This Week In React #122: Next.js 13, Turbopack, Remixing Shopify, React-Three-Fiber Journey, Gatsby Valhalla, Expo 47, Rive, Storybook, Asta...

    Hydrogen 2.0 will replace the use of React Server Components with Remix APIs. Shopify can focus on Hydrogen's value proposition rather than infrastructure concerns, and benefits from Remix's progressive enhancement, especially important for e-commerce. The Hydrogen Roadmap has been updated with many more technical details.

See all Gatsby archives