How to make your own blog like this website!

1 min read
Javascript Gatsby blog tutorial
How to make your own blog like this website!

How to make your own blog like this website!

Step 1

Step

  • Open your terminal and write down:
npm install -g gatsby-cli
# This is the starter which we will use
gatsby new my-gatsby-project https://github.com/gatsbyjs/gatsby-starter-blog
  cd my-gatsby-project

Step 3

  • Open the project in Vscode
code . 
  • The Project structure should look like this: code

  • Gatsby will start a hot-reloading development environment accessible by default at http://localhost:8000. Website should look like this code

Step 4

Write your own blog

code

  • Change the name of the folder hello-world to the title of your blog in our case my-first-blog
  • Write your content in index.md using Markdown
  • You can learn about basic markdown from here: https://www.markdownguide.org/basic-syntax

And you’re done!

Step 5

Host it for free; Press this button to deploy!

Deploy with Vercel

Was this post helpful?

Discussion

Loading comments...