Personal Website
I’ve updated my website this month. Some details about the tooling and work I’ve done so far. - GatsbyJS: I decided to move my page to static generating all components from scratch. - Hosted on Netlify. - Using GraphQL. I had to get used to it. Recommended: https://www.howtographql.com/ - Responsive: It adapts to any resolution. Edge-to-edge on notched devices. Had to tweak the behaviour of few components to make them work on touch screens. - Markdown blog posts. - gatsby-transformer-javascript-frontmatter used in the projects section. I found it very useful. - Images optimised when the page compiles: gatsby-remark-images.
Next steps. - Update to the latest version of Gatsby: There are few significant changes I’ll need to go through https://www.gatsbyjs.org/docs/migrating-from-v1-to-v2/ - Add pagination to the blog. - Need to review the Instagram images: I’m fetching images by using react-instafeed but need to research a bit more (Instagram is shutting down its current API in 2020). - Keen to give a try to https://mdxjs.com/ - Refactoring: Clean up the code and create a template for the projects pages. - Page transitions. - Add new projects to the portfolio.
All feedback welcome!
PS. A big part of the work has been done in cafes during the baby naps… It’s been great to use Duet ( http://www.duetdisplay.com ) to have Visual Studio on the laptop screen and the page on the iPad.