A Demo site build Gatsby and Drupal commerce.
-
Setup your backend Drupal Commerce site.
Visit the BlogPost to check how to do that.
https://www.qed42.com/insights/coe/drupal/decoupling-drupal-commerce-gatsby
-
Clone the repo.
https://github.com/Danishkhurshid/gatsby-commerce-site.git
-
Run Npm install
Run npm install to install all the dependencies.
-
Add url to your .env.development file
Add your drupal base url to development file.
GATSBY_DRUPAL_ROOT= Here goes your url
-
Start developing.
Navigate into your new site’s directory and start it up.
cd your-cloned-repo/ gatsby develop
-
Open the source code and start editing!
Your site is now running at
http://localhost:8000
!Note: You'll also see a second link:
http://localhost:8000/___graphql
. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.Open the cloned directory in your code editor of choice and edit. Save your changes and the browser will update in real time!
`Link to blogpost once it is published`
We have multiple blogpost on Drupal commerce and Gatsby.
Visit https://www.qed42.com/blog
Feel free to reach out for any Queries.