![Why I moved to Astro from Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/why-i-moved-to-astro/why-i-moved-to-astro-thumbnail-wide.7edbd335547.png?w=430&h=242&fit=min&auto=format)
GatsbyJS Blog Posts # Gatsby #
BLOG POSTS TAGGED “ GATSBY ” 17 POSTS:
17 “ GATSBY ” BLOG POSTS:
![Why I moved to Astro from Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/why-i-moved-to-astro/why-i-moved-to-astro-thumbnail-wide.7edbd335547.png?w=430&h=242&fit=min&auto=format)
![Add Data into Gatsby GraphQL: Webmentions Example](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/add-data-gatsby-graphql/add-data-gatsby-graphql-thumbnail-wide.2dc9e50b0ad.png?w=430&h=242&fit=min&auto=format)
Add Data into Gatsby GraphQL: Webmentions Example
Add data into Gatsby GraphQL: using Webmentions as an example we see how you can pull in external data and access it via GraphQL in your app.![Highlight Search Results using Web APIs in Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/highlight-search-results/highlight-search-results-thumbnail-wide.27c0533663fe.png?w=430&h=242&fit=min&auto=format)
Highlight Search Results using Web APIs in Gatsby
Highlight search results: using a concrete example with a static site generator we highlight site search results to improve user experience.![Fast JS Search on Gatsby: Roll Your Own Site Search](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/js-search-gatsby/js-search-gatsby-thumbnail-wide.6c1d67fe7594.png?w=430&h=242&fit=min&auto=format)
Fast JS Search on Gatsby: Roll Your Own Site Search
JS Search on Gatsby: keep your Gatsby site static by rolling your own fast site search and eliminate the need for external search services.![Use Serverless Rust with Netlify Functions and Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/use-serverless-rust-with-netlify-functions/use-serverless-rust-with-netlify-functions-thumbnail-wide.574ec26b8382.png?w=430&h=242&fit=min&auto=format)
Use Serverless Rust with Netlify Functions and Gatsby
Use Serverless Rust with Netlify Functions on your Gatsby Site to bring Rust's speed and security benefits to your site's cloud functions.![Gatsby Functions on Netlify: Telegram Contact Form Bot](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-functions-netlify/gatsby-functions-netlify-thumbnail-wide.28e9668b82da.png?w=430&h=242&fit=min&auto=format)
Gatsby Functions on Netlify: Telegram Contact Form Bot
Gatsby Functions on Netlify: create a Telegram Bot to message you when someone uses your site contact form using Gatsby Functions on Netlify.![Gatsby Cloud Functions reCAPTCHA: Build a Contact Form](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-cloud-functions-recaptcha/gatsby-cloud-functions-recaptcha-thumbnail-wide.f5743605c0f.png?w=430&h=242&fit=min&auto=format)
Gatsby Cloud Functions reCAPTCHA: Build a Contact Form
Gatsby cloud functions reCAPTCHA: build a site contact form using brand new serverless Gatsby Cloud functions and the new invisible captcha.![Set the lang Attribute in Gatsby: Improve Site Accessibility](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/set-lang-attribute-gatsby/set-lang-attribute-gatsby-thumbnail-wide.517021904985.png?w=430&h=242&fit=min&auto=format)
Set the lang Attribute in Gatsby: Improve Site Accessibility
Learn how to set the lang attribute in Gatsby to improve your site accessibility. Here's 3 ways for you to fix the this Lighthouse error.![Using Gatsby Themes: 100 Days of Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/using-gatsby-themes/using-gatsby-themes-thumbnail-wide.498ab6dbc898.png?w=430&h=242&fit=min&auto=format)
Using Gatsby Themes: 100 Days of Gatsby
For the final challenge of #100DaysOfGatsby, I published my new Gatsby Theme. Let's look at using Gatsby themes and their power.![What's New on Gatsby Cloud: Serverless Functions & More](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/whats-new-on-gatsby-cloud/whats-new-on-gatsby-cloud-thumbnail-wide.7ebe248c4d1a.png?w=430&h=242&fit=min&auto=format)
What's New on Gatsby Cloud: Serverless Functions & More
What's new on Gatsby Cloud? With all the new enhancements in Gatsby v3, you might have missed the new Gatsby Cloud features, like serverless.![Gatsby Shopify Bulk Loader: 100 Days of Gatsby](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-shopify-bulk-loader-100-days-gatsby/gatsby-shopify-bulk-loader-100-days-gatsby-thumbnail-wide.24bac31ee1fc.png?w=430&h=242&fit=min&auto=format)
Gatsby Shopify Bulk Loader: 100 Days of Gatsby
Gatsby 100 Days Challenge 4: Shopify. This time we build out a Shopify store using the new Gatsby Shopify bulk loader API.![CSS only Carousel in Gatsby: Slider with Scroll Snap](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/css-only-carousel-in-gatsby/css-only-carousel-in-gatsby-thumbnail-wide.8da6086bf79b.png?w=430&h=242&fit=min&auto=format)
CSS only Carousel in Gatsby: Slider with Scroll Snap
CSS only carousel in Gatsby: see a lightweight implementation of the carousel pattern which is super useful and not only for online stores.![Gatsby 3 Scroll to Anchor in your MDX Blog Posts](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-3-scroll-to-anchor/gatsby-3-scroll-to-anchor-thumbnail-wide.6f19ab72324b.png?w=430&h=242&fit=min&auto=format)
Gatsby 3 Scroll to Anchor in your MDX Blog Posts
Gatsby 3: scroll to anchor - see how easy it is to implement scroll to anchor in your MDX Gatsby 3 blog in this short post.![Gatsby 100 Days Challenge 3: WordPress & SEO](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-100-days-challenge-3-wordpress-seo/gatsby-100-days-challenge-3-wordpress-seo-thumbnail-wide.24bac31ee1fc.png?w=430&h=242&fit=min&auto=format)
Gatsby 100 Days Challenge 3: WordPress & SEO
Gatsby 100 Days Challenge 3: WordPress & SEO. First opportunity to see if Gatsby 3 is as fast as the hype lets on. Conclusion: it is!![Gatsby Coding Challenge 2021: Styling & Forms](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-coding-challenge-2021-styling-forms/gatsby-coding-challenge-2021-styling-forms-thumbnail-wide.24bac31ee1fc.png?w=430&h=242&fit=min&auto=format)
Gatsby Coding Challenge 2021: Styling & Forms
Gatsby Coding Challenge 2021 — keep up with Rodney Lab's progress in 100 Days of Gatsby Code 2021 as he builds a site for AudioCore.![Gatsby Site Accessibility: 3 Quick Gains](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/gatsby-site-accessibility-3-quick-gains/gatsby-site-accessibility-3-quick-gains-thumbnail-wide.5385904abdde.png?w=430&h=242&fit=min&auto=format)
Gatsby Site Accessibility: 3 Quick Gains
Here's 3 quick 'n easy steps web developers can take to get going on improving their Gatsby site accessibility.![100 Days of Gatsby Code 2021 Challenge](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/100-days-of-gatsby-code-2021/100-days-of-gatsby-code-2021-thumbnail-wide.24bac31ee1fc.png?w=430&h=242&fit=min&auto=format)