97k / 97k.github.io

Aditya Kaushik's Personal Wesbite

techyaditya.xyz - Aditya's Digital Garden

techyaditya.xyz built with Gatsby and hosted with Github Pages

🚨 Forking this repo (please read!)

Many people have contacted me asking me if they can use this code for their own website, and the answer to that question is usually yes, with attribution.

This site is not built with the intention of being a starter theme, so if you have questions about implementation, please refer to the Gatsby docs.

I have revised this from brittanychiang.com. Thanks to Brittany for publishing the source!

TL;DR

Yes, you can fork this repo. Please give proper credit by linking back to [brittanychiang.com]. Thanks!

🛠 Installation & Set Up

1. Install the Gatsby CLI

   npm install -g gatsby-cli

2. Install and use the correct version of Node using NVM and update the dependencies in package.json

   nvm install

3. Install dependencies

   npm install 

4. Start the development server

   gatsby develop

🚀 Building and Running for Production

1. Generate a full static production build

   gatsby build

2. I have deployed the website via github pages

   npm install gh-pages

   Follow the github-pages deployment docs by gatsby

💡 Tips and Tricks

Updating the logo

The logo is made via svg, so you need to update [logo.js](https://github.com/97k/97k.github.io/blob/source/ src/components/icons/logo.js)

Tweaks

Brittany has done a magnificient job in writing clean code, I am a python guy and new to gatsby js, it took me a while to understand the internsals and hence I am writing my two cents which will save your time in figuring out what to change and where.

• Follow this tutorial series by NetNinja if you literally don't have any idea and want to replicate, this will teach you the project structure and how gatsby as SSR is solving a big problem in the industry.
• run gatsby clean and re-reun gatsby develop as sometimes the change you have done is correct but have not reflected on the website
• Deploy with github pages, latest gh-pages doesn't have problem with SSR local images
• Make custom thumbains with Adobe Express / Canva
• Be unique and use your mind and AI to write clean content
• If you have any queries feel free to reach out to me!

🎨 Color Reference

Color	Hex
Navy	#0a192f
Light Navy	#112240
Lightest Navy	#233554
Slate	#8892b0
Light Slate	#a8b2d1
Lightest Slate	#ccd6f6
White	#e6f1ff
Green	#64ffda