webportfolios.dev

Overview

webportfolios.dev is a platform that enables users to help others find inspiration, improving their own design, and how to showcase their skills effectively from browsing a directory of developer portfolios uploaded by other developers.

Features

• Directory of developer portfolios sorted by tech stacks, and professional titles
• Server-side rendering (SSR) implemented for faster load times and better SEO by fetching data directly from the server
• AWS Lambda functions manage the portfolio upload process by using Puppeteer to incrementally screenshot the users portfolio, providing progress updates to the frontend while handling uploads asynchronously
• Automatic SEO optimization for fields such as title, description, and Open Graph Image

Challenges

• Initial issues properly configuring puppeteer on Lambda function, solved by researching further into chromium.
• Using next/mdx package for blog, the docs were outdated and had to implement my own solutions to properly render and manage MDX content

Results

Successfully onboarded 400+ users who submitted 180+ portfolios. Positive feedback from users, citing ease of use and valuable insights for portfolio improvement. Established as a go-to resource for all developers seeking inspiration.