Personal Portfolio
TLDR:Reflecting on my three-year-old portfolio, I decided to refresh it using Next JS v13, drawn by its integration with React Server Components and the opportunity to learn SSR patterns and explore Next's developer experience features.
Tech Stack
- ○React/Typescript
- ○Next 13
- ○server components
- ○css-modules
- ○Framer Motion
Purpose and Goals
TLDR:I aimed to create a current portfolio to display my abilities, using the portfolio itself as a testament to my front-end skills due to a lack of personal projects. Additionally, I sought to understand Server Side Rendering in React, diving into server components to stay ahead of their growing popularity and gain hands-on experience.
The personal portfolio I built for canva. Check the site here
Challenges and Lessons Learned
TLDR:I transitioned from styled-components to css-modules for server-side rendering, adapting to its nuances and missing CSS-in-JS features. Replicating Canva without a design system was challenging, prompting separate CSS files for custom properties and future refinements.
