-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the hello-world starter.
# create a new Gatsby site using the hello-world starter npx gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world
-
Start developing.
Navigate into your new site’s directory and start it up.
cd devopsgirls-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-hello-world-starter
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
npm install react-icons gatsby-transformer-remark gatsby-plugin-react-helmet polished react-helmet gatsby-plugin-styled-components styled-components babel-plugin-styled-components prop-types --save
npm install --save gatsby-plugin-typography typography typography-theme-irving react-typography