# gatsby Gatsby is a React-based, open-source framework for building fast, secure websites. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Using vibes to rewrite my blog DevFeed: [Using vibes to rewrite my blog]() Original publisher: [Read original article]() Author: hi@swizec.com (Swizec Teller) Published: 2026-06-27T00:00:00Z Content type: opinion Language: en Sources: [Swizec Teller]() Topics: [gatsby](), [React](), [MDX](), [Syntax Highlighting](), [Claude](), [wasm](), [codex]() Tags: [article](), [blog](), [claude](), [codex](), [gatsby](), [mdx](), [react](), [syntax-highlighting]() ### AI overview The author describes rewriting the swizec.com blog after Gatsby became difficult to maintain and slow to deploy. They experiment with TimberJS, a React Server Components-based framework, to render MDX with file-based routing, metadata, embeds, image generation, and server-side syntax highlighting. The rewrite reduced reported deployment time from more than 45 minutes to about 3 minutes, while the author emphasizes that effective vibe coding still requires technical knowledge. ### Source excerpt The death of engineering has been greatly exaggerated. You still need to know what you're doing. ## How we cut build times by two-thirds by deleting our CMS DevFeed: [How we cut build times by two-thirds by deleting our CMS]() Original publisher: [Read original article]() Author: Eli Lennox Published: 2026-05-28T09:00:00Z Content type: article Language: en Sources: [Sentry Blog]() Topics: [Astro](), [Markdown](), [Claude Code](), [gatsby](), [Vite](), [React]() Tags: [astro](), [claude-code](), [code](), [development](), [markdown](), [vite]() ### AI overview Sentry describes replacing legacy Gatsby sites and a traditional headless CMS with Astro, Markdown, and Claude Code skills. The migration reduced build times from about 14 minutes to under 4 minutes and eliminated the cited CMS and marketing automation API failures. ### Source excerpt Sentry replaced its CMS with Astro, Markdown, and Claude Code skills -- cutting build times from 14 to under 4 minutes and eliminating API failures. ## Redesign: Version 7.0 DevFeed: [Redesign: Version 7.0]() Original publisher: [Read original article]() Author: hello@taniarascia.com Published: 2024-12-01T00:00:00Z Content type: opinion Language: en Sources: [Tania Rascia]() Topics: [Website](), [CSS](), [gatsby](), [Bluesky](), [Visual Studio Code]() Tags: [bluesky](), [css](), [meta](), [react](), [redesign](), [version](), [website]() ### AI overview The author describes redesigning their personal website for version 7.0, separating personal Notes from programming Articles, highlighting projects and art, and adding navigation sidebars. The redesign was inspired by Docusaurus and uses plain CSS written in one file. ### Source excerpt One of my favorite hobbies is tweaking my website. I've updated the design countless times thoughout the decade (!) of this site's existence... ## 2023 Web Framework Performance Report DevFeed: [2023 Web Framework Performance Report]() Original publisher: [Read original article]() Author: Fred Schott Published: 2023-03-07T00:00:00Z Content type: article Language: en Sources: [The Astro Blog]() Topics: [Frameworks](), [Core Web Vitals](), [Web](), [data](), [Astro](), [gatsby](), [Next.js](), [Nuxt.js](), [Remix](), [WordPress]() Tags: [astro](), [core-web-vitals](), [framework](), [measurement](), [measurements](), [next-js](), [nuxt](), [performance](), [remix](), [report](), [web]() ### AI overview This report examines how Astro, Gatsby, Next.js, Nuxt, Remix, SvelteKit, and, where possible, WordPress relate to real-world web performance and user experience in 2023. It uses publicly available data from the Chrome User Experience Report, HTTP Archive, and Core Web Vitals Technology Report, rather than performance measurements collected directly by Astro. ### Source excerpt A look at how different web frameworks perform in the real world in 2023. Based on real-world, production data from HTTP Archive and Google Chrome. ## How we built Odyssey DevFeed: [How we built Odyssey]() Original publisher: [Read original article]() Author: Janessa Garrow Published: 2021-02-24T13:59:50Z Content type: tutorial Language: en Sources: [Apollo Blog]() Topics: [GraphQL](), [Learning](), [MDX](), [gatsby](), [Netlify](), [React](), [Markdown](), [GitHub](), [YAML]() Tags: [apollo](), [github](), [graphos](), [graphql](), [learning](), [markdown](), [mdx](), [netlify](), [react](), [yaml]() ### AI overview Apollo describes how it built and launched Odyssey, an interactive learning platform for Apollo and GraphQL, by developing its own learning management system. The article covers the React, Gatsby, MDX, Netlify, and GitHub-based architecture, along with the use of MDX files, Git history, and YAML metadata to organize course content. ### Source excerpt A few weeks ago, we launched Odyssey, Apollo's new interactive learning platform. Our aim with Odyssey is to provide a fun, hands-on experience for developers who are eager to begin or advance their journey with Apollo and GraphQL. To provide the interactive experience we imagined, we decided to build our own learning management system (LMS) instead of using something off the shelf. ## Development update #4 - ethereum.org DevFeed: [Development update #4 - ethereum.org]() Original publisher: [Read original article]() Author: Digital Studio Published: 2020-08-05T00:00:00Z Content type: article Language: en Sources: [Ethereum Foundation Blog]() Topics: [Ethereum](), [gatsby](), [Development](), [Website](), [Open Source]() Tags: [development](), [ethereum](), [ethereum-org](), [framework](), [mdx](), [open-source](), [react](), [update]() ### AI overview This development update describes changes to ethereum.org, including its migration from Vuepress to Gatsby, use of React and MDX, new contribution guidance, redesigned onboarding content, and a Get ETH page that helps users find locally available wallets and exchanges. It also introduces inclusion criteria for wallets and dapps based partly on security and support. ### Source excerpt Hey Ethereum community! It's been a few months since our last update so it's about time we let you know what's been happening over at ethereum.org.... ## Ready for takeoff: The new Apollo blog DevFeed: [Ready for takeoff: The new Apollo blog]() Original publisher: [Read original article]() Author: Peggy Rayzis Published: 2020-04-15T17:16:48Z Content type: release Language: en Sources: [Apollo Blog]() Topics: [Publishing](), [gatsby](), [WordPress](), [Netlify](), [React](), [Open Source](), [GraphQL]() Tags: [announcement](), [blog](), [developers](), [graphql](), [netlify](), [open-source](), [react](), [wordpress](), [writing]() ### AI overview Apollo announces that its blog has moved from Medium to a new site at apollographql.com/blog. The new blog uses Gatsby, WordPress, and Netlify, with React on the frontend, and is open source. The article also invites community contributions. ### Source excerpt Blogging is an important way we help developers build great apps at Apollo. It's how we share GraphQL best practices, spread awareness about new Apollo features, and connect with our awesome community of developers. In four years, our blog has grown from a small company blog into a valuable learning resource for thousands of developers worldwide. We'd like to give a big thank you to all the community contributors who made this possible by publishing articles on our blog. ## Using Tailwind CSS with Gatsby, React & Emotion Styled Components DevFeed: [Using Tailwind CSS with Gatsby, React & Emotion Styled Components]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2019-10-20T14:08:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Tailwind CSS](), [gatsby](), [React](), [styled-components](), [CSS](), [PostCSS](), [Babel](), [Web Development]() Tags: [babel](), [components](), [css](), [css-in-js](), [emotion](), [gatsby](), [insights](), [learn](), [postcss](), [project](), [react](), [styled](), [styled-components](), [tailwind](), [tailwind-css](), [utility-first]() ### AI overview A tutorial on combining Tailwind CSS with Gatsby and React through Emotion Styled Components. It explains a hybrid setup using twin.macro for component-level Tailwind styles and PostCSS for Tailwind's base and global styles. ### Source excerpt Learn how to use the utility-first Tailwind CSS with Emotion "CSS-in-JS" Styled Components in a Gatsby JS + React project. ## Apollo launches a new documentation site built with Gatsby DevFeed: [Apollo launches a new documentation site built with Gatsby]() Original publisher: [Read original article]() Author: Peggy Rayzis Published: 2019-03-29T21:55:02Z Content type: article Language: en Sources: [Apollo Blog]() Topics: [gatsby](), [Documentation](), [Developer experience](), [npm packages](), [npm](), [React]() Tags: [announcement](), [developer-experience](), [documentation](), [npm](), [react](), [static-site-generator]() ### AI overview Apollo describes its new documentation site, rebuilt from Hexo with Gatsby and React to modernize the stack, share UI across Apollo sites, support reusable Gatsby themes, and improve content discoverability. ### Source excerpt As developers, we constantly interact with documentation. It's what welcomes us to a project for the first time, it's a trusted companion that guides us toward celebrating our first "Hello World," and it's the first place we turn when we're frustrated with a bug or curious about a new feature. Good documentation is at the heart of crafting an excellent developer experience, which is why we're making a big investment in improving our docs at Apollo. ## 2018 in Review DevFeed: [2018 in Review]() Original publisher: [Read original article]() Published: 2019-01-04T00:00:00Z Content type: opinion Language: en Sources: [Una Kravets]() Topics: [Development](), [Web Development](), [CSS](), [User interface design](), [Design system](), [Bulma](), [gatsby]() Tags: [blog-posts](), [css](), [design-systems](), [dev](), [flexbox](), [projects](), [review](), [speaking](), [ui]() ### AI overview A personal review of 2018 covering health and family experiences, work at Bustle Digital Group, podcast and blog production, side projects including Gatsby and Flexbox work, and conference speaking. ### Source excerpt Reviewing how my 2018 went, and discussing goals for next year!