- Create a new Gatsby project called “gatsby-restaurant” / GitHub repo
- Using the Components & CSS from your React Restaurant, recreate them in the Gatsby project
- Create a Layout component to house your header & footer components
- Use your Contentful Recipe database to connect to Gatsby for populating products on the home page, as well as their own product pages.
- Publish the site to Netlify
- Send me your GitHub and Netlify links by email when you are done.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the minimal starter.
# create a new Gatsby site using the minimal starter npm init gatsby
-
Start developing.
Navigate into your new site’s directory and start it up.
cd my-gatsby-site/ npm run develop
-
Open the code and start customizing!
Your site is now running at http://localhost:8000!
Edit
src/pages/index.js
to see your site update in real-time! -
Learn more