Notice: Pre-rendering is an experimental feature with Expo so modules might not be fully optimized for Gatsby and the workflow is subject to breaking changes. If you find bugs please report them on expo/expo with the [Gatsby] tag in the title.
Gatsby is a React framework that helps you perform pre-rendering on your websites.
Using Gatsby with Expo will enable you to pre-render the web part of your Expo app. You'll also be able to use the web-enabled Expo SDK libraries (eg: Permissions, GestureHandler, Camera) with the Gatsby toolchain!
This guide will show you how to use the Gatsby CLI to develop your websites with the Expo SDK.
We put all of the features for Expo web in the plugin gatsby-plugin-react-native-web so setup would be as easy as possible. This guide will show you how to install and use it. Under the hood it's basically doing what expo start:web or the Expo + Next.js workflows are doing.
Expo projects with Gatsby
For using the Gatsby tools in a universal app with the Expo SDK.
Create a new Expo project
Install the CLI - npm install -g expo-cli
Bootstrap - expo init --template blank
Install Gatsby and the plugin
using yarn - yarn add gatsby gatsby-plugin-react-native-web
using npm - npm install --save gatsby gatsby-plugin-react-native-web
Create a gatsby-config.js and use the plugin - touch gatsby-config.js