iqbmo04 / blog

My personal blog project

If you already have VS Code and Docker installed, you can click the badge above or here to get started. Clicking these links will cause VS Code to automatically install the Remote - Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.

Blog Website

🚀 Quick start, run locally

1. Cone repo and install npm packages

   git clone https://github.com/mechdeveloper/blog.git
   cd blog
   npm install

   Note: This project uses VSCode devcontainer, It is recommended to clone this repo on WSL and Reopen the project folder in a Dev Container (Remote-Containers: Open Folder in Container...). For more details checkout Developing inside a Container

2. Start developing.

   Navigate into your new site’s directory and start it up.

   gatsby develop
   

   If you donot have installed gatsby cli globally, use following command to start development server

   npm run develop

3. Open the code and start customizing!

   • Your site is now running at http://localhost:8000
   • View GraphiQL, an in-browser IDE, to explore your site's data and schema at http://localhost:8000/___graphql

Tip: If you’re seeing unexpected behavior (like maybe your local development server isn’t picking up your new changes), you can run gatsby clean from the command line to delete the cache and start fresh on your next build.

Don’t have the Gatsby CLI globally installed? Try running npx gatsby clean instead.

---

Learn Fundamentals ...

👨‍💻 Learn some fundamentals for web development

Fundamentals

• HTML
  • Basic HTML and HTML5 course on freeCodeCamp
• CSS
  • Basic CSS course on freeCodeCamp
• JavaScript
  • Basic JavaScript course on freeCodeCamp

Gatsby uses following technologies under the hood

• React
  • React course on freeCodeCamp
• GraphQL
  • How to GraphQL tutorial

Learn Gatsby

• Gatsby Tutorial
  • Tutorial: Learn how Gatsby works