gatsby-starter-emotion-typescript

Gatsby template for Blog, Web Site, CMS.

Integrated Libraries

• React
• Gatsby
• Typescript
• Emotion

Set up

Prerequisites software

• VSCode
  • ESLint Plugin
  • Prettier Plugin
• Docker (Optional)
• Node.js 14.x (Optional)

Set up develop environment

There are two way to set up develop environment:

• Use Node.js in Docker
• Use Local Node.js

You can choose the way you like.

Set up with Docker

Make sure you have Docker installed on your PC.

docker -v
Docker version 19.03.13, build 4484c46d9d
docker-compose -v
docker-compose version 1.27.4, build 40524192

Execute the following commands.

git clone https://github.com/YopiNoji/gatsby-blog.git
cd gatsby-blog
docker-compose up

Visit http://localhost:8000/.

Setup with Node.js

Make sure you have Node.js installed on your PC.

node -v
v14.14.0

Execute the following commands.

git clone https://github.com/YopiNoji/gatsby-blog.git
cd gatsby-blog
npm i
npm run develop

Visit http://localhost:8000/.

Deploy

You can choose your own way to deploy website, such as using AWS S3 & CloudFront or GCP or Netlify or Vercel or something.

If you are new to Gatsby, I recommend to use Vercel or Netlify for deployment.

How to deploy Gatsby website to Vercel: https://vercel.com/solutions/gatsby

How to deploy Gatsby website to Netlify: https://www.netlify.com/with/gatsby/#deploy