About This Site 🕹

How I Build this site

I have decided to go serverless. And honestly, I have enjoyed every bit of building this entire site from absolute scratch. This site is build on GatsbyJS. GatsbyJs is fast and has excellent support with their plugins ecosystem along with well maintained documentations. I have followed standard processes in application development going from design all the way to deployment of the site. Below, I have mentioned which tech stack I have used to build this site along with my entire process as well as tools I have used.


👨‍💻 Technology Stack

  • ✍️ HTML (UX)
  • ✍️ CSS (UX)
  • ✍️ SCSS (UX)
  • ✍️ JavaScript (UX)
  • ✍️ GatsbyJS (Front End)
  • ✍️ React (Front End)
  • ✍️ Contentful (Data Source)
  • ✍️ GraphQl (Query API)
  • ✍️ Git Hub (Version Control)
  • ✍️ Netlify for CD (Continuous Deployment)

🙋‍♂️ My Processes

  • 🌟 UI Design
  • 🌟 UX Development
  • 🥨 Gatsby Integration
  • 🍞 Contentful Content Data Model Setup
  • 🐞 Testing
  • 🚀 Continuous Deployment

👨‍🔧 Tools

  • 🏅 Sketch
  • 🎮 Visual Studio Code
  • 🧩 Terminal
  • 🏎 Google Chrome
  • 💻 Macbook Pro

⚡️ LightHouse Score

My Light house score