How to use gatsby starter

Hey guys. This time I’ll be sharing how to build a blazing fast portfolio site with Gatsby.js in a few mins.

Here is what you can build in this post.

What is Gatsby？

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

*GatsbyJS Document

How to build

1 . First of all, you need to make sure you have these tools for using Gatsby.js

• Git
• Node.js（if you’re using npm, I’m sure you already have Node.js too）
• Gatsby CLI

2 . Find your favorite starter template in Starter Library.

This time I’m using gatsby-starter-portfolio-cara for showing how to use gatsby starter.

3 . Move to the directory which you want to build your gatsby site by running cd [directory name] and gatsby new.（You’ll see how to run gatsby new at the bottom of the starter page. Something like below.）

cd [directory name]
gatsby new gatsby-starter-portfolio-cara https://github.com/LekoArts/gatsby-starter-portfolio-cara

4 . Then move to the directory you just generate by gatsby new and run gatsby develop.

cd gatsby-starter-portfolio-cara
gatsby develop

After gatsby develop is successfully done, go to localhost:8000.

Depends on which starter template you choose, but you can edit the content of the gatsby site. Please read README.md of the template to know how to edit contents of them.

If you want to use this gatsby-starter-portfolio-cara, you can change the letters on top part of the page by editing intro.mdx inside of src. To edit other parts of the page, you need to create and edit projects.mdx, about.mdx, contact.mdx in the same src.

Tomoya