Gatsby
React


Gatsby | React | |
---|---|---|
370 | 1,894 | |
55,670 | 232,249 | |
0.7% | 0.6% | |
8.7 | 9.9 | |
12 days ago | 1 day ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Gatsby
-
I built a recipe website
I initially built the site using a static site technology called Gatsby, not realizing that it was actually a dead project. After a little research, I found that Next.js is a pretty popular alternative for building a static site, so I set myself to the task of porting it.
-
From Gatsby to Next.js: Why We Migrated Our Blog and How You Can Too
After Netlify’s acquisition of Gatsby, the framework’s development trajectory shifted. With a focus on integrating with Netlify’s ecosystem, Gatsby’s innovation appears to be gone. Throughout the entire 2024 we’ve seen only 1 minor update in the 5.x branch and even that consists mainly of bumped dependencies and small fixes:
-
A 2024 Retrospective: My Unexpected Astro & Laravel Love Affair
Marking the first days and months of 2024 I started a site to host articles and blogs and what I called uploadz and missivz. I am using Astro having migrated from Gatsby in years previous. Astro is arguably faster to compile static sites and has a simpler, cleaner, in my view, way of creating simple component based web pages. It has the capability of embedding 'islands' of react, svelte, even plain Javascript and far more without having to go full on SPA if you don't want to. This was too tempting not to take a look and quite frankly I got hooked. Whilst I don't use a fraction of what Astro has to offer it has become a go-to for me for not just static sites but also to create POCs, quick Demos and more. It also has become the basis of a lightweight content management system I am developing and have implemented this year for clients and a non-profit. The CMS I refer to uses a back-end written in Laravel.
-
A Guide to Server-Side Rendering
Gatsby: Primarily a static site generator, but also supports SSR.
-
Getting started with Shadcn/UI in React: A practical guide
It is a collection of beautifully designed user interface (UI) components that you can easily copy and paste into your applications. Developers can use it with any framework that supports React, like Next, Gatsby, Remix, and others.
-
Best React Frameworks: Which One Should You Choose and When?
Gatsby Official Documentation
-
How I Built My Personal Website for Free with Hugo
My previous website used the Gatsby framework, for a simple reason: I am very familiar with React, so I thought customization would be easier. However, I later realized I didnt have time to maintain a bunch of Typescript and Javascript, which made me reluctant to update my website. This time, I choose Hugo. Maintaining a small amount of Go Template is easier, and I am familiar with Golang, too.
-
Taming the Beast: Structuring Large-Scale React Applications 🏗️
Gatsby: A static site generator ideal for content-heavy websites, offering performance optimizations out of the box. Gatsby Documentation
- Hexo et Hugo : deux générateurs statiques bien pratiques
-
Frontend frameworks: Next/Nuxt/Gatsby: Mastering one or knowing all
**Gatsby** is optimized for building fast static websites and apps with a focus on performance and SEO. It uses GraphQL for data management.
React
-
Firebase: deploy a React application with Firebase Hosting
Vite is a modern build tool created by Evan You, the same developer behind Vue.js. It is designed to provide a faster and leaner development experience for modern web projects. You can use Vite to create front-end projects in seconds: React, Svelte, Lit, Qwik and many others modern frameworks are supported.
- Typescript-eslint + prettier para padronização de código em React com Typescript
-
Typescript-eslint + prettier for code standardization in React with Typescript
Unlike the article I wrote about eslint with prettier, it is currently not possible to add the eslint-plugin-react-hooks plugin to typescript-eslint, which brings rules according to the expected hook definitions, due to an issue related to missing type declarations.
-
How to identify and fix memory leaks in react
Memory management is an important aspect of building performant applications, and in the context of React, it can be easy to overlook. A common issue that developers face is memory leaks, which can lead to sluggish performance, crashes, or even full application breakdowns.
-
Lexical 0.24 with Vanilla JS: Getting started
Lexical is an open source project and considered the successor of Draft.js. It is primarily developed by Meta, licensed under MIT. It is not restricted to React, but supports Vanilla JS, too. The flexibility enables us to integrate it with other JS libraries such as Svelte and Vue.
-
Navigating Income Streams for Open Source Developers
Developers who contribute to open source projects often gain deep expertise in specific technologies, making them ideal candidates for consulting roles. Businesses frequently hire these developers for custom software development, integration, or troubleshooting. Expertise in popular tools like Kubernetes or React can lead to lucrative consulting opportunities.
-
The Power of Sponsorship in Open Source Projects
Corporate Sponsorships: Companies often support projects integral to their operations, such as Google's backing of Kubernetes and Facebook's React initiative.
-
Learning Path for Web Development
React
-
Chrome 133 Supports DOM State-Preserving Move with MoveBefore()
FYI a quick search shows that React has already integrated this on its main branch!
https://github.com/facebook/react/pull/32036
I'm not exactly sure what the developer experience of this would be, but I expect it would make Portals significantly more powerful and able to be hot-swapped into different containers without disrupting either their internal state or even things like loaded iFrames. I expect others will be experimenting heavily with this now that there's platform support.
https://github.com/facebook/react/issues/12247 (2018-2020) describes some of the use cases - the conversation there would be entirely different now!
-
2025's Tech Stack for Front End
React Official Documentation
What are some alternatives?
Svelte - web development for the rest of us
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
qwik - Instant-loading web apps, without effort
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
SvelteKit - web development, streamlined
Tailwind CSS - A utility-first CSS framework for rapid UI development.
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
structor
leptos - Build fast web applications with Rust.

