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
  • Zigi - Close all those tabs. Zigi will handle your updates.
  • Scout APM - Truly a developer’s best friend
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Sonar - Write Clean JavaScript Code. Always.
  • harshhhdev

    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.

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • 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.

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

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