My Personal Blog

My personal blog developed using Gatsby and TypeScript.

Table of contents

• General info
• Technologies
• Setup
• Features
• Credits
• Contact

General info

Use the following link to reach the blog: anasdidi.dev

This project is developed and deployed using Node 18. To change the Node version, change the following files:

• docker-compose.yml
• .github/workflows/build.yml
• .nvmrc

Technologies

• Gatsby
• React
• Bulma
• Prismjs
• TypeScript

Setup

This project configured with Docker Compose to setup the development environment by using VSCode Devcontainer. Ensure VSCode plugin 'Remote Development' ms-vscode-remote.vscode-remote-extensionpack is installed.

1. Clone this repo.
2. Open VSCode and open project in containar.
3. Install the dependencies.

yarn install

3. Start the development server.

yarn start

4. Open browser and open http://localhost:8000 to view the page.

If Docker Compose is not installed, you may use the following guide. This guide required Node is installed in the machine.

1. Clone this repo.
2. Install the dependencies

yarn install

# Or if yarn is not installed
npm install

3. Configure the script. You need to find and replace the lines according:

# package.json

--- Original
"develop": "gatsby develop --host 0.0.0.0 --port 8000",
--- Replace
"develop": "gatsby develop --port 8000",

4. Start the development server.

yarn start

# Or if yarn is not installed
npm start

4. Open browser and open http://localhost:8000 to view the page.

Features

• [x] Landing page
• [x] Articles page
• [x] Tags page
• [x] About Me page
• [x] 404 error page
• [x] Articles pagination

Credits

• Gatsby starter gatsby-starter-blog by gatsbyjs.
• Bulma theme 'Pulse' by Jenil Gogari.
• Header image from
• Icons made by Freepik from www.flaticon.com
• Photo by Ferenc Almasi on Unsplash

Contact

Created by Anas Juwaidi