build your Gatsby website
I use Gatsby's Quick Start from official-website First, make sure your node version is higher than 14.15 or you may have problem when you're running the server.
Using cmd to build this Gatsby project
in cmd, key in command
npm init gatsby
after this, follow the instructions to finish gatsby-initial
the following are my setting
What would you like to call your site? // name your site
✔ · My Gatsby Site
What would you like to name the folder where your site will be created? // name your folder
✔ /my-gatsby-site
✔ Will you be using JavaScript or TypeScript? // choose javascript or typescript
· JavaScript
✔ Will you be using a CMS? // Content Management System need ?
· No (or I'll add it later)
✔ Would you like to install a styling system? // style library ?
· styled-domponents
? Would you like to install additional features with other plugins? // some other plugins
(Multiple choice) Use arrow keys to move, spacebar to select, and confirm with an enter on "Done"
❯◯ Add the Google Analytics tracking script
◯ Add responsive images
◉ Add an automatic sitemap
◯ Generate a manifest file
◉ Add Markdown and MDX support
◯ Add Markdown support (without MDX)In here, I chhose javascript ( and I will mention how I turn js into ts in the future posts) and style library, I shhose styled-components without using CMS, I choose to use md file as blog-post
After finish init, you can run this website right now
In cmd, key in command
npm run develop
then you can run on the local server
Open browser and go to: http://localhost:8000
You will find it is there 🎉
You can see the change of website by editing this src/pages/index.js file
In the future, I will share some of feature of what I did on this website
this is today's sharing 👋