Extract Gatsby Static Pages from a Plain React App

When migrating from create-react-app to Gatsby, a good starting point can be identifying simple static pages. One Example can be a /about page that has hardcoded text, a contact page that has a form, etc.

Since you are still using React with gatsby you can migrate those pages by creating a .js file under src/pages and name it the same as it's path for example, /about will be src/pages/about.js. Once the file is created you can copy paste the same component code from your plain React app into the newly created file.

In this lesson, you will learn how to identify and extract simple static pages from you plain React app and move them to your Gatsby app.