yezz.me icon indicating copy to clipboard operation
yezz.me copied to clipboard

My personal website :rocket:

πŸš€ Quick start

  1. 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/
  1. Start developing.

Navigate into your new site’s directory and start it up.

cd website
gatsby develop
  1. 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 edit src/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.