# saadpasta/developerfolio

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/saadpasta-developerfolio).**

6,451 stars · 3,798 forks · JavaScript · gpl-3.0

## Links

- GitHub: https://github.com/saadpasta/developerFolio
- Homepage: https://developerfolio.js.org/
- awesome-repositories: https://awesome-repositories.com/repository/saadpasta-developerfolio.md

## Topics

`developer-folio` `developer-portfolio` `hacktoberfest` `portfolio` `portfolio-site` `portfolio-template` `portfolio-website` `portfolios` `react` `reactjs` `reactjs-template` `template`

## Description

DeveloperFolio is a React-based template for building a personal developer portfolio website. The project is fundamentally a single-configuration portfolio site where all page content, sections, and links are driven by one central JSON file, eliminating the need to touch component code. It is designed to be deployed as a static site to hosting services like GitHub Pages or Netlify.

The portfolio template integrates directly with GitHub, using a personal access token to fetch and display pinned repositories and profile data. It also embeds external social media feeds, pulling recent tweets from Twitter and blog posts from Medium directly onto the page. A scheduled cron job can automatically rebuild and redeploy the site weekly to keep the fetched GitHub profile data current.

The project provides a complete static site generation pipeline, building the React app into HTML, CSS, and JS files for deployment. It supports custom domain configuration and offers deployment options to both GitHub Pages and Netlify, with the GitHub Pages option including automated weekly redeployment.

## Tags

### Content Management & Publishing

- [Personal Portfolio Generators](https://awesome-repositories.com/f/content-management-publishing/personal-portfolio-generators.md) — Creates a developer portfolio website by editing a single configuration file to showcase skills, projects, and experience. ([source](https://cdn.jsdelivr.net/gh/saadpasta/developerfolio@master/README.md))

### Software Engineering & Architecture

- [Portfolio Showcases](https://awesome-repositories.com/f/software-engineering-architecture/portfolio-showcases.md) — Provides a complete template for building a personal developer portfolio website.
- [Single-Configuration Portfolios](https://awesome-repositories.com/f/software-engineering-architecture/portfolio-showcases/one-page-portfolio-templates/single-configuration-portfolios.md) — Customizes all page content and sections by editing one central configuration file.

### Part of an Awesome List

- [GitHub Profile Integrations](https://awesome-repositories.com/f/awesome-lists/devtools/github-profile-integrations.md) — Fetches and displays pinned repositories and profile data from a GitHub account.
- [Portfolios and Showcases](https://awesome-repositories.com/f/awesome-lists/productivity/portfolios-and-showcases.md) — Generates a personal website from a React template that displays a developer's skills, projects, and experience. ([source](https://developerfolio.js.org/%60))

### Business & Productivity Software

- [Portfolio Website Templates](https://awesome-repositories.com/f/business-productivity-software/portfolio-management/portfolio-website-templates.md) — Ships a React-based template for building a personal developer portfolio site.

### Development Tools & Productivity

- [GitHub API Integrations](https://awesome-repositories.com/f/development-tools-productivity/github-api-integrations.md) — Integrates with the GitHub REST API using a personal access token to fetch pinned repositories and profile data.
- [Site Redeployment Schedulers](https://awesome-repositories.com/f/development-tools-productivity/cron-scheduling/site-redeployment-schedulers.md) — Ships a weekly cron job that rebuilds and redeploys the portfolio site to refresh GitHub profile data.

### DevOps & Infrastructure

- [Static Site Deployments](https://awesome-repositories.com/f/devops-infrastructure/deployment-management-strategies/static-site-deployments.md) — Publishes the portfolio site to GitHub Pages or Netlify with optional custom domain.
- [GitHub Pages Deployments](https://awesome-repositories.com/f/devops-infrastructure/deployment-management-strategies/static-site-deployments/portfolio-hosting/github-pages-deployments.md) — Publishes the portfolio site to GitHub Pages with optional custom domain and automated weekly redeployment. ([source](https://cdn.jsdelivr.net/gh/saadpasta/developerfolio@master/README.md))
- [GitHub Pages Deployments](https://awesome-repositories.com/f/devops-infrastructure/release-automation/github-release-automators/github-pages-deployments.md) — Publishes the portfolio site to GitHub Pages with optional custom domain and automated redeployment.

### Web Development

- [Configuration-Driven Contents](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/configuration-driven-contents.md) — Updates all text, links, and section visibility by editing a single central configuration file without touching component code. ([source](https://cdn.jsdelivr.net/gh/saadpasta/developerfolio@master/README.md))
- [JSON-Driven Configurations](https://awesome-repositories.com/f/web-development/single-page-applications/single-file-distributions/json-driven-configurations.md) — Drives all portfolio content, sections, and links from a single JSON configuration file read at runtime.
- [Static Site Generators](https://awesome-repositories.com/f/web-development/static-site-generators.md) — Builds the React app into static HTML, CSS, and JS files for deployment to hosting services like GitHub Pages.

### User Interface & Experience

- [Social Media Embeds](https://awesome-repositories.com/f/user-interface-experience/social-media-embeds.md) — Embeds Twitter timeline and Medium blog posts directly on the portfolio page.
- [Social Media Feed Embeds](https://awesome-repositories.com/f/user-interface-experience/social-media-feed-embeds.md) — Displays a user's recent Twitter activity on the portfolio page by providing a Twitter username. ([source](https://cdn.jsdelivr.net/gh/saadpasta/developerfolio@master/README.md))