The first iteration of keithrfung.dev built with Gatsby and hosted with GitHub Pages. Site uses Framer Motion to incorporate some friendly and fun animations while trying to maintain a simple codebase for light maintenance.
🛠 Installation & Running
-
Setup
Install the dependencies
npm install
-
Start developing.
Navigate into the root directory and start it up.
npm run develop
-
Check out the site
The site is now running at http://localhost:8000!
🏗 Architecture
The architecture of this setup is designed to be as lightweight and easily maintainable as possible.
- React for quick componentization.
- Gatsby allows for a quick load time and easily integrating Markdown components for easy edits.
- Framer Motion is in use to add a visual flair with minimal code.
🎨 Design
If you're interested in some of the design and outline process, you can view my FigJam here.