My digital home : matand.dev
This is a remake of the old Svelte version of my personal website. I used Gatsby this time around, because I am far more comfortable with React than I ever was with Svelte, and Gatsby lets me create a static web page (all I need) with the tools I'm confortable with.
This project was based on the default Gatsby starter, and was very much a case of refactoring the UI with a focus on micro-interactions, polish and, as Josh W Comeau puts it, whimsy.
// Clone repo
git clone https://github.com/mathieu-anderson/gatsby-personal-website.git
// Move to project folder
cd gatsby-personal-website
// Install dependencies
yarn install
// Run development server on localhost:8000
yarn start
// Build static files
yarn build
// Serve static files on localhost:9000
yarn serve
If there is something I learnt here is always ways to improve things. Here are a few of the features I would like to add :
- P1 - A self hosted blog. Medium is nice, but owning your content is ideal. With Gatsby too!
-
P2 - Dark mod. Probably through React context, probably need some refactor of my CSS ๐ฌ - P2 - A separate page for side-projects. They are not very good, but deserve better than links to Github repo.
- P3 - Maybe sound?
- P3 - Make it a PWA. Gatsby enables it way more easily than doing everything by hand.
-
P3 - Polish: better link hover effect -
P3 - Polish: Try putting side project / article links in boxes and be more descriptive. Add tech tag too. - P3 - Add soft skills to 'Most used tools' box? Public speaking, written communication, pair programming...