Back

Create a Dynamic Portfolio Link That Auto‑Updates Projects

Posted on October 25, 2025
Michael Brown
Career & Resume Expert
Michael Brown
Career & Resume Expert

Create a Dynamic Portfolio Link That Auto‑Updates with New Projects

In today's fast‑moving job market, a static portfolio link quickly becomes outdated. Hiring managers and potential clients expect to see your latest work at a glance. This guide shows you how to create a dynamic portfolio link that auto‑updates with new projects, leveraging simple tools, GitHub Actions, and even AI‑powered features from Resumly. By the end, you’ll have a self‑maintaining showcase that boosts your personal brand and saves you hours of manual editing.


Why an Auto‑Updating Portfolio Matters

  • First impressions count – Recruiters spend an average of 6 seconds on a candidate’s profile before deciding to explore further (source: LinkedIn Talent Blog).
  • Consistency – A dynamic link guarantees that every stakeholder sees the same, up‑to‑date version of your work.
  • SEO advantage – Search engines favor regularly refreshed content, helping your portfolio rank higher for keywords like "software developer portfolio".
  • Time savings – No more copy‑pasting new project URLs into your resume or LinkedIn profile.

By automating updates, you free mental bandwidth to focus on creating new projects, not maintaining the showcase.


Concept Definition
Dynamic Portfolio Link A URL that points to a page automatically refreshed with the latest project entries.
Auto‑Update The process of pulling new project data from a source (e.g., GitHub repo, Notion, Airtable) and rebuilding the page without manual intervention.
Continuous Deployment (CD) A pipeline that automatically deploys changes to a live site after each commit.
Static Site Generator (SSG) Tools like Hugo, Jekyll, or Next.js that compile markdown or data files into static HTML pages.
Resumly Integration Using Resumly’s AI tools (e.g., AI Resume Builder, Job Match) to surface your portfolio on your resume and job applications.

1. Choose a Hosting Platform

  • GitHub Pages – Free, supports custom domains, and integrates with GitHub Actions for automation.
  • Netlify – Offers built‑in form handling and instant rollbacks.
  • Vercel – Ideal for Next.js projects with serverless functions.

For this tutorial we’ll use GitHub Pages because it’s universally accessible and pairs nicely with a static site generator.

2. Set Up a Repository

# Create a new repo
mkdir my‑portfolio && cd my‑portfolio
git init
# Add a README for context
printf "# My Dynamic Portfolio\n\nThis repo powers my auto‑updating portfolio link.\n" > README.md
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/your‑username/my‑portfolio.git
git push -u origin main

3. Pick a Static Site Generator (SSG)

We recommend Eleventy (11ty) for its simplicity:

npm init -y
npm install @11ty/eleventy --save-dev

Create a basic folder structure:

my‑portfolio/
├─ src/
│  ├─ projects/
│  │  └─ project‑template.md
│  └─ index.njk
└─ .eleventy.js

4. Store Project Data in a Structured Format

Use JSON or YAML files inside src/projects/. Example project‑1.json:

{
  "title": "AI‑Powered Resume Builder",
  "description": "A web app that generates ATS‑friendly resumes using OpenAI.",
  "url": "https://github.com/your‑username/ai‑resume‑builder",
  "date": "2024-09-15",
  "tags": ["AI", "Resume", "Node.js"]
}

Add a new file for each project. The SSG will loop through these files to render the portfolio.

5. Create a Template to Render Projects

src/index.njk (Nunjucks syntax):

---
layout: base.njk
---
<h1>My Projects</h1>
<ul>
{% for project in collections.projects %}
  <li>
    <a href="{{ project.data.url }}" target="_blank">{{ project.data.title }}</a> – {{ project.data.description }} ({{ project.date | date('YYYY') }})
  </li>
{% endfor %}
</ul>

The collections.projects is defined in .eleventy.js to pull all JSON/YAML files.

6. Automate Deployment with GitHub Actions

Create .github/workflows/deploy.yml:

name: Deploy Portfolio
on:
  push:
    branches: [ main ]
  workflow_dispatch:
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Set up Node
        uses: actions/setup-node@v3
        with:
          node-version: '20'
      - run: npm install
      - run: npx @11ty/eleventy
      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./_site

Every time you push a new project file, the workflow rebuilds the site and updates the live link.

  • Resumly AI Resume Builder – Import the dynamic link directly into the "Portfolio" section of your AI‑generated resume. This ensures recruiters click the freshest showcase. Learn more at the AI Resume Builder.
  • LinkedIn – Edit the "Featured" section and paste the GitHub Pages URL. LinkedIn will automatically fetch the latest preview.

Checklist: Is Your Portfolio Truly Dynamic?

  • Repository hosted on GitHub, Netlify, or Vercel.
  • Project data stored in a machine‑readable format (JSON/YAML).
  • Static site generator configured to loop through data files.
  • CI/CD pipeline (GitHub Actions) triggers on every push.
  • Custom domain (optional) points to the live site.
  • Portfolio link embedded in resume via Resumly’s AI tools.
  • SEO meta tags (title, description) updated automatically.

If you tick all boxes, you have a self‑maintaining portfolio that scales with your career.


Do’s and Don’ts

Do Don't
Do keep project metadata concise and keyword‑rich for SEO. Don’t hard‑code URLs inside HTML; always reference data files.
Do use a consistent naming convention (e.g., project‑<slug>.json). Don’t commit large binary assets; host images on a CDN instead.
Do test the CI pipeline after each addition. Don’t forget to update your resume link after a domain change.
Do add a brief description of the tech stack for each project. Don’t overload the page with too many projects; curate the most relevant.

Leveraging Resumly’s AI‑Powered Features

While the technical setup handles the auto‑update, Resumly amplifies the impact:

  1. AI Cover Letter – Generate a cover letter that references the latest project automatically. See the AI Cover Letter feature.
  2. Job Match – Let Resumly suggest roles that align with the skills showcased in your portfolio. Explore Job Match.
  3. Interview Practice – Use the new projects as talking points in mock interviews via the Interview Practice tool.
  4. Auto‑Apply – Pair your dynamic portfolio with Resumly’s auto‑apply to submit applications that always include the freshest work.

By integrating these tools, you turn a static showcase into a career engine that works for you 24/7.


Mini Case Study: From Stagnant to Dynamic

Background – Jane, a front‑end developer, kept a Google Docs list of projects and manually updated her resume every quarter.

Problem – She missed two interview opportunities because the recruiter saw an outdated project list.

Solution – Jane implemented the workflow described above, hosted on Netlify, and linked the URL in her Resumly‑generated resume.

Results – Within a month, Jane’s interview request rate increased by 38% (source: internal tracking). Recruiters praised the “always‑current portfolio” and she landed a senior role at a fintech startup.


Frequently Asked Questions (FAQs)

Q1: Do I need coding experience to set this up? A: Basic familiarity with Git and Markdown is enough. The SSG handles most of the heavy lifting, and the GitHub Action is a copy‑paste template.

Q2: Can I use Google Sheets instead of JSON? A: Yes. Tools like Sheet2Site or a custom script can fetch rows and output JSON for the SSG.

Q3: How do I add images without bloating the repo? A: Host images on a CDN (e.g., Cloudinary) and reference the URLs in your JSON metadata.

Q4: Will the dynamic link affect my SEO negatively? A: No. Search engines treat each rebuild as a fresh page. Ensure you have proper <meta> tags and a sitemap (GitHub Pages can auto‑generate one).

Q5: Is there a way to preview changes before they go live? A: Use a preview branch with Netlify Deploy Previews or Vercel Preview Deployments.

Q6: How does Resumly read my portfolio data? A: Resumly’s AI parses the visible content of the URL you provide, extracting project titles, descriptions, and dates to enrich your resume.

Q7: Can I automate the addition of new projects from a CI pipeline? A: Absolutely. You can script a GitHub Action that pulls issues labeled "project" and converts them to JSON files.

Q8: What if I want to hide certain projects from public view? A: Add a private: true flag in the JSON and filter it out in the template.


A dynamic portfolio link that auto‑updates with new projects is more than a convenience—it’s a strategic asset. It ensures recruiters always see your latest achievements, boosts SEO, and integrates seamlessly with Resumly’s AI‑driven career tools. By following the step‑by‑step guide, using the checklist, and adhering to the do’s and don’ts, you’ll create a self‑sustaining showcase that works around the clock.

Ready to supercharge your job search? Start building your dynamic portfolio today and let Resumly’s AI Resume Builder, Job Match, and Interview Practice features turn every new project into a hiring advantage. Visit the Resumly homepage to explore more tools that keep your career moving forward.

More Articles

How to Make Your Resume Stand out in 2025 (A Data-Backed Guide)
How to Make Your Resume Stand out in 2025 (A Data-Backed Guide)
Master the two-stage hiring gauntlet with this comprehensive guide to creating ATS-optimized, recruiter-approved resumes that get interviews.
Add a ‘Technical Proficiencies’ List by Expertise Level
Add a ‘Technical Proficiencies’ List by Expertise Level
A step‑by‑step guide to creating a technical proficiencies section that ranks skills by expertise, complete with templates, checklists, and AI‑powered tips.
Add a ‘Publications’ Section Featuring Articles in Industry‑Recognized Journals
Add a ‘Publications’ Section Featuring Articles in Industry‑Recognized Journals
A step‑by‑step guide to creating a compelling Publications section that highlights your industry‑recognized articles and integrates seamlessly with Resumly’s AI‑powered resume builder.
Do AI-Written Resumes Perform Better? A Comparative Study Across Job Portals
Do AI-Written Resumes Perform Better? A Comparative Study Across Job Portals
Do AI-assisted resumes actually improve interviews and hires? A synthesis of studies (MIT, ResumeBuilder) and recruiter sentiment in 2025.
Aligning Resume with Job Keywords for Entrepreneurs 2025
Aligning Resume with Job Keywords for Entrepreneurs 2025
Discover a step‑by‑step system to match your entrepreneurial resume to job description keywords in 2025 and outrank the competition.
Aligning Resume with JD Keywords for Career Changers 2026
Aligning Resume with JD Keywords for Career Changers 2026
Career changers often wonder how to make their resumes speak the language of a new industry. This guide shows you how to align resume with job description keywords for 2026 hiring trends.
The Ultimate Guide to Answering Behavioral Interview Questions in 2025
The Ultimate Guide to Answering Behavioral Interview Questions in 2025
Master behavioral interviews with STAR and SOAR methods. Get proven answers for leadership, teamwork, and problem-solving questions that land job offers in 2025.
Aligning Resume with JD Keywords for Consultants 2025
Aligning Resume with JD Keywords for Consultants 2025
Discover a step‑by‑step system to match your consulting resume to the exact keywords hiring managers look for in 2025.
The Science Behind Tailored Resumes: Do They Really Increase Interview Chances?
The Science Behind Tailored Resumes: Do They Really Increase Interview Chances?
An evidence-backed look at how tailoring your resume affects interview rates, with recruiter surveys, controlled studies, and ATS best practices.
Align Resume with JD Keywords for Freelance Designers 2025
Align Resume with JD Keywords for Freelance Designers 2025
Discover a step‑by‑step system to match your freelance design resume to the exact keywords hiring managers look for in 2025, using AI‑powered Resumly tools.

Free AI Tools to Improve Your Resume in Minutes

Select a tool and upload your resume - No signup required

View All Free Tools
Explore all 24 tools

Drag & drop your resume

or click to browse

PDF, DOC, or DOCX

Check out Resumly's Free AI Tools