โจ View the app live in production here
-
Clone GitHub repositiory.
git clone https://github.com/shallihan/gatsby_practice.git
-
Install depend.
cd gatsby-practice npm install
-
Start developing.
Navigate into your new siteโs directory and start it up.
gatsby develop
-
Install Gatsby globally.
sudo npm i -g gatsby-cli
-
Create a Gatsby site.
Use the Gatsby CLI (install instructions) to create a new site, specifying the default starter.
# create a new Gatsby site using the default starter gatsby new gatsby-practice
-
Start developing.
Navigate into your new siteโs directory and start it up.
cd gatsby-practice/ 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
gatsby-practice
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.