π Quick start
- Get a copy on your machine
- Getting Started with Gatsby
To use Gatsby.js, make sure you have Node.js and npm installed on your machine. Gatsby starters can be installed via the Gatsby CLI tool or by cloning a GitHub repository. Let's explore the CLI tool by first installing it.
# Install the Gatsby CLI tool globally on your machine
$ npm install --global gatsby-cli
# create a new Gatsby Website
gatsby new website https://github.com/yezz123/yezz.me/
- Start developing.
Navigate into your new siteβs directory and start it up.
cd 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-site
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
π§ What's inside?
A quick look at the top-level files and directories you'll see in a Gatsby project.
$ tree
.
βββ node_modules
βββ src
βββ .gitignore
βββ .eslintrc.js
βββ .prettierignore
βββ .prettierrc
βββ gatsby-browser.js
βββ gatsby-config.js
βββ package-lock.json
βββ package.json
βοΈ Modifying the site
To make it easier for you, this starter is sliced into multiple components or sections for effortless management. Let's discuss them one by one.