This project is built with Gatsby and hosted with Netlify, Check out the Live Preview.
Install nodejs and yarn
Install the Gatsby CLI
yarn global add gatsby-cli
Install nodejs version management nvm
nvm install
or add nvm hook to your .zshrc
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
autoload -U add-zsh-hook
load-nvmrc() {
local node_version="$(nvm version)"
local nvmrc_path="$(nvm_find_nvmrc)"
if [ -n "$nvmrc_path" ]; then
local nvmrc_node_version=$(nvm version "$(cat "${nvmrc_path}")")
if [ "$nvmrc_node_version" = "N/A" ]; then
nvm install
elif [ "$nvmrc_node_version" != "$node_version" ]; then
nvm use
fi
elif [ "$node_version" != "$(nvm version default)" ]; then
echo "Reverting to nvm default version"
nvm use default
fi
}
add-zsh-hook chpwd load-nvmrc
load-nvmrc
Install dependencies
yarn install
Start the development server
yarn start
Build
yarn build
Preview
yarn serve
Optional deyployment to Netlify
I will guide you through some parts that you need to custom your own verson of this project. For generic (Gatsby Project Structure)(https://www.gatsbyjs.org/docs/gatsby-project-structure/), please check out the link.
.
โโโ node_modules
โโโ src
โโโ .gitignore
โโโ .prettierrc
โโโ gatsby-browser.js
โโโ gatsby-config.js
โโโ gatsby-node.js
โโโ gatsby-ssr.js
โโโ LICENSE
โโโ package-lock.json
โโโ package.json
โโโ README.md
/dir
Explaination ---
/file.js
:
Explaination ---
I use gruvbox as my color scheme
Dark mode
Light mode
Not support yet
This project gets heavily insprired by
typings.gg
Brittany Chiang's portfolio
Feel free to fork this repo and change it to whatever you want. If you want to give me a credit, please just give a link back to my website https://andodevel.me.
Happy coding ๐ป!