# gatsby

Published articles for gatsby.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## swizec.com is now on TimberJS, a new React framework

DevFeed: [swizec.com is now on TimberJS, a new React framework](<https://devfeed.tech/articles/swizec-com-is-now-on-timberjs-a-new-react-framework-37642.md>)

Original publisher: [Read original article](<https://swizec.com/blog/swizec-com-is-now-on-timber-js-a-new-react-framework>)

Author: hi@swizec.com (Swizec Teller)

Published: 2026-07-21T00:00:00Z

Content type: article

Language: en

Sources: [Swizec Teller](<https://devfeed.tech/sources/swizec-teller.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [gatsby](<https://devfeed.tech/tags/gatsby.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [render](<https://devfeed.tech/tags/render.md>), [server](<https://devfeed.tech/tags/server.md>)

### AI overview

The author describes moving swizec.com from Gatsby to TimberJS, a new React framework. They report that deployment time fell from 45 minutes to 4 minutes and describe server-rendered navigation, interactive elements, and server actions.

### Source excerpt

swizec.com is 20 years old and has gone through many rewrites. Here's the latest

## Using vibes to rewrite my blog

DevFeed: [Using vibes to rewrite my blog](<https://devfeed.tech/articles/using-vibes-to-rewrite-my-blog-37650.md>)

Original publisher: [Read original article](<https://swizec.com/blog/using-vibes-to-rewrite-my-blog>)

Author: hi@swizec.com (Swizec Teller)

Published: 2026-06-27T00:00:00Z

Content type: opinion

Language: en

Sources: [Swizec Teller](<https://devfeed.tech/sources/swizec-teller.md>)

Topics: [gatsby](<https://devfeed.tech/topics/gatsby.md>), [React](<https://devfeed.tech/topics/react.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [wasm](<https://devfeed.tech/topics/wasm.md>), [codex](<https://devfeed.tech/topics/codex.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [blog](<https://devfeed.tech/tags/blog.md>), [claude](<https://devfeed.tech/tags/claude.md>), [codex](<https://devfeed.tech/tags/codex.md>), [gatsby](<https://devfeed.tech/tags/gatsby.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [react](<https://devfeed.tech/tags/react.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>)

### 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.

## Choosing a Website Platform: WordPress, Wix, or JAMStack

DevFeed: [Choosing a Website Platform: WordPress, Wix, or JAMStack](<https://devfeed.tech/articles/wix-wordpress-jamstack-oh-my-35059.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/wix-wordpress-jamstack-oh-my/>)

Published: 2020-06-14T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>)

Tags: [gatsby](<https://devfeed.tech/tags/gatsby.md>), [git](<https://devfeed.tech/tags/git.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [performance](<https://devfeed.tech/tags/performance.md>), [security](<https://devfeed.tech/tags/security.md>), [website](<https://devfeed.tech/tags/website.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

The article compares WordPress, WYSIWYG tools such as Wix, and JAMStack solutions such as Gatsby and Next.js for building a website. It presents the author's subjective reasons for preferring more control over code and performance, while acknowledging WordPress's speed of setup, plugin ecosystem, and ease of use.

### Source excerpt

How to choose where to set up your website when you have so many options and so little time.

## Using Tailwind CSS with Gatsby, React & Emotion Styled Components

DevFeed: [Using Tailwind CSS with Gatsby, React & Emotion Styled Components](<https://devfeed.tech/articles/using-tailwind-css-with-gatsby-react-emotion-styled-components-31316.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-tailwind-css-with-gatsby-react-emotion-styled-components>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-10-20T14:08:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [React](<https://devfeed.tech/topics/react.md>), [styled-components](<https://devfeed.tech/topics/styled-components.md>), [CSS](<https://devfeed.tech/topics/css.md>), [PostCSS](<https://devfeed.tech/topics/postcss.md>), [Babel](<https://devfeed.tech/topics/babel.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [babel](<https://devfeed.tech/tags/babel.md>), [components](<https://devfeed.tech/tags/components.md>), [css](<https://devfeed.tech/tags/css.md>), [css-in-js](<https://devfeed.tech/tags/css-in-js.md>), [emotion](<https://devfeed.tech/tags/emotion.md>), [gatsby](<https://devfeed.tech/tags/gatsby.md>), [insights](<https://devfeed.tech/tags/insights.md>), [learn](<https://devfeed.tech/tags/learn.md>), [postcss](<https://devfeed.tech/tags/postcss.md>), [project](<https://devfeed.tech/tags/project.md>), [react](<https://devfeed.tech/tags/react.md>), [styled](<https://devfeed.tech/tags/styled.md>), [styled-components](<https://devfeed.tech/tags/styled-components.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [utility-first](<https://devfeed.tech/tags/utility-first.md>)

### 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.

## My Wishlist for Hot Reloading

DevFeed: [My Wishlist for Hot Reloading](<https://devfeed.tech/articles/my-wishlist-for-hot-reloading-36180.md>)

Original publisher: [Read original article](<https://overreacted.io/my-wishlist-for-hot-reloading/>)

Published: 2018-12-08T00:00:00Z

Content type: opinion

Language: en

Sources: [Dan Abramov](<https://devfeed.tech/sources/dan-abramov.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [gatsby](<https://devfeed.tech/tags/gatsby.md>), [hot-reloading](<https://devfeed.tech/tags/hot-reloading.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

The author reflects on repeated attempts to implement hot reloading for React, the difficulties caused by changes in React, and the handoff of React Hot Loader to contributors. The article argues that hot reloading in React is now usable and notes that Gatsby uses React Hot Loader.

### Source excerpt

I don't want a lot for Christmas. There is just one thing I need.