This is an e-commerce website starter skeleton for Gatsby v2 using BuiltOn as source.
This project is a boilerplate with a minimal base for building advanced GatsbyJS and BuiltOn powered websites.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the BuiltOn starter.
# create a new Gatsby site using the BuiltOn starter gatsby new my-builton-website https://github.com/builtondev/gatsby-starter-builton
-
Edit the configuration file with your BuiltOn API Key.
In the
gatsby-config.js
file.{ resolve: `@builton/gatsby-source-builton`, options: { api_key: - "i3-mbHB_XMZ74fwDl0SHvWecdmzAP7whyrvGjS_A7WiRqtOxnAiIL1FRFVx9AD2sqxAQ9yjv13ueTPI40TXnOA==", + "<your-api-key>", } }
-
Start developing.
Navigate into your new site’s directory and start it up.
cd my-builton-website/ 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
my-builton-website
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!