Awesome
<div align="center"> <img alt="Logo" src="https://raw.githubusercontent.com/davzoku/personal-website-v1/main/src/images/icon.png" width="100" /> </div> <h1 align="center"> walterteng.com - v1 </h1> <p align="center"> <a href="https://app.netlify.com/sites/walterteng/deploys" target="_blank"> <img src="https://api.netlify.com/api/v1/badges/7b849e6e-1f4d-453a-86aa-e3a1f386c8fa/deploy-status" alt="Netlify Status" /> </a> </p> <p align="center"> The first iteration of <a href="https://walterteng.com" target="_blank">walterteng.com</a> built with <a href="https://www.gatsbyjs.org/" target="_blank">Gatsby</a> and hosted with <a href="https://www.netlify.com/" target="_blank">Netlify</a> </p> <div align="center"> <img alt="demo" src="static/og.png" /> </div>About the Site
This site serves as a common ground / digital garden to share my projects and notes.
Inspiration
I have came across many beautiful personal websites while developing my own. Some of the design ideas are influenced by these awesome developers and designers, do check out their work too: @margueriteroth, @bchiang7, @maxboeck, @MaggieAppleton, @slarsendisney, @joshwcomeau, @mxstbr
The Stack
- React
- Typescript
- Gatsby
- MDX
- Emotion
- GraphQL Code Generator
- eslint-config-wesbos
- Docker
- Husky
Using Docker
This Gatsby site supports Docker for local development.
To run the Docker container on your local machine:
docker compose up
For more info on the Docker config and how to set up similar configurations for your Gatsby site: <a href="https://walterteng.com/garden/gatsby-docker" target="_blank">My Docker Setup for Gatsby</a>
Changelog
The changelog is maintained <a href="https://walterteng.com/garden/how-i-built-my-website-v1" target="_blank">here</a>
Architecture Decision Records (ADR)
The decisions for this site are recorded within this repository folder, using phodal/adr.
For more info on ADR.
ADR Commands
// to add new ADR
adr new <decision-name>
// list
adr list
// generate toc
adr generate toc
// export
adr export <csv/html/json>