Based on this nice dev.to post
I decided to make a complete rewrite and redesign of my portfolio website.
This linked post includes all the relevant reasons why a web developer should create his own unique portfolio website. Some of the main reasons which encouraged me to do the refactoring:
- Show my creativity and make a website that is a true expression of myself
- Design as much as possible myself without using pre-designed templates
- Make the site as fast and accessible as possible
- Provide a foundation to make the website easily extendable and adjustable
Here you can see a screenshot of my new website:
And these are the latest Lighthouse results:
I described my previous website setup in this post:
Let me know what you think about it!
Top comments (19)
The icons at the top are a bit confusing without any label context. You might want to either add a
titleattribute to the icons (so I can long-hover over them to know what they are) or add label text somewhere near the icon. Other than that, looks great, especially on mobile!Thanks! Oops, my fault that I forgot to add the
titleattribute 😲 will fix itYou probably want to consider something that works for mobile too since I happen to be viewing the website on it now :)
I added a visible label on mobile devices ;-)
This site heavily relies on Gatsby and therefore on React. Disabling JavaScript disables React components, slows down page transitions, prevents service workers from preloading page data, etc.
So this is somehow a predicted behaviour. Do you think supporting disabled JS on websites is nowadays still required?
Ok, thanks for your explanation. I understand your point and I add it to my Todo list but currently with a lower priority .
How’d you like working with Gatsby? I’ve found it very pleasant in my dabbles.
I totally loved it. I love working with React and Gatsby makes it very easy to handle all static page relevant stuff.
Especially querying pages and posts via GraphQL, the plugin system as well as the performant image loading via
gatsby-imageare amazing features.Short story: I ❤️ it!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.