-
Make sure Git SCM is installed.
-
Uses Node.js. Be sure it is installed before cloning.
-
Make sure you have at least a basic understanding of the following core web fundamentals: HTML (tags, attributes, syntax), CSS (basic selectors, syntax), and some basic JavaScript concepts like variables, objects, and functions. HTML DOM, Promises/Async/Await, and Fetch API understanding is a plus.
-
A good IDE like VSCode, Sublime Text, or Atom, and some know-how in running commands though a command line interface or shell.
Use the following command to clone:
$ git clone https://github.com/decanTyme/example-gatsby-site.git
# Cloning into 'example-gatsby-site'...
# remote: Enumerating objects: 23, done.
# remote: Counting objects: 100% (23/23), done.
# remote: Compressing objects: 100% (19/19), done.
# remote: Total 23 (delta 0), reused 23 (delta 0), pack-reused 0
# Receiving objects: 100% (23/23), 391.26 KiB | 552.00 KiB/s, done.Navigate to the folder and open a command prompt (or preferably use Git Bash.) Run the following and wait for it to finish:
$ npm install
# ...
# added 1938 packages, and audited 1939 packages in 5m
# ...Depending on your hardware and internet speed, it may take a while. You may safely ignore deprecated and vulnerability warnings.
If the prerequisites were done correctly, running the command below should start the app:
$ npm start
# > [email protected] start
# > gatsby develop
# ...Wait for the processes to finish. Depending on your hardware, it may take a while. It will look similar to the following if finished:
# ...
# You can now view example-gatsby-site in the browser.
#
# http://localhost:8000/
# ...Start by looking at the index.js file inside src/pages. There will be some comments put around the source files that explains/introduces some stuff, make sure to read those!
React.js: https://reactjs.org/docs/getting-started.html
GatsbyJS: https://www.gatsbyjs.com/docs/
Is Gatsby Really That Great?: https://blog.logrocket.com/is-gatsby-really-that-great-e7b19c4c1c05/