How to Build the Perfect Developer Portfolio 🔥

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • harshhhdev

    Discontinued Yet another profile readme :sunglasses:

    If any of you guys are interested in translating my website to another language, or notice anything wrong with current translations, be sure to read the Translating section of my the repository!

  • awesome-uses

    A list of /uses pages detailing developer setups, gear, software and configs.

    This is just a simple page which features where people can learn more about me setup, software, and configuration. I debated moving this to the footer instead of keeping it in the navbar, but the new trend of uses pages on developer portfolios made me include this in the navbar.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • go-unsplash

    Go Client for the Unsplash API

    I've kept a total of 16 tags on my blog, which consist mainly of the topics that I write about. The blog cards are inspired by Kent C. Dodds - with large text, the date and an image. Inspired from Kent, I decided to replace all images on my blog with images from unsplash to improve the aesthetics of my site.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Developer portfolios are interesting. They're sort of a personal space for us and our blog, along with being a place to showcase our work and progress. Recently, I too redesigned my portfolio using Next.js, TailwindCSS, Prisma and CockroachDB serverless with these principles in mind.

  • PrismJS

    Lightweight, robust, elegant syntax highlighting.

    The codeblocks are highlighted using prism.js, and there is a different highlighting method used for both light and dark modes. There are also titles on the code, which are generally relative to the placement of the file within the codebase. Lastly, I added a "copy" component to the code when the user hovers, as it just makes it more convenient.

  • mdx

    Markdown for the component era

    The blog also uses MDX, which allows you to use components within your markdown code! This means I can include interactive charts, or other demos within my website.

  • kentcdodds.com

    My personal website

    I've kept a total of 16 tags on my blog, which consist mainly of the topics that I write about. The blog cards are inspired by Kent C. Dodds - with large text, the date and an image. Inspired from Kent, I decided to replace all images on my blog with images from unsplash to improve the aesthetics of my site.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts