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

Including Certifications Without Cluttering Your Resume
Including Certifications Without Cluttering Your Resume
Learn how to showcase certifications effectively while keeping your resume clean and ATS‑friendly.
Best Practices for Including a Projects Section That Demonstrates End-to-End Delivery
Best Practices for Including a Projects Section That Demonstrates End-to-End Delivery
A strong Projects section shows you can own a product from concept to launch. Follow this guide to craft a compelling, end‑to‑end delivery narrative that recruiters love.
Best Practices for Adding a QR Code to Your Portfolio
Best Practices for Adding a QR Code to Your Portfolio
A QR code can turn a static portfolio into an interactive showcase that recruiters can explore instantly—learn how to design, embed, and track it effectively.
Add a Personalized QR Code Linking to Your Online Portfolio
Add a Personalized QR Code Linking to Your Online Portfolio
A QR code can turn a simple scan into instant access to your digital portfolio. Follow this step‑by‑step guide to create, customize, and embed a personalized QR code that hiring managers love.
The Ultimate Guide to Using an AI Cover Letter Generator to Get Hired in 2025
The Ultimate Guide to Using an AI Cover Letter Generator to Get Hired in 2025
Master the art of AI-powered cover letters that beat ATS systems and impress recruiters. Learn the winning formula for authentic, personalized applications.
Add a Certifications Timeline Graphic to Your Learning
Add a Certifications Timeline Graphic to Your Learning
A Certifications Timeline Graphic turns scattered certificates into a clear visual story, helping you showcase continuous growth and stand out to employers.
Aligning Resume with Job Description Keywords for Educators in 2025
Aligning Resume with Job Description Keywords for Educators in 2025
Discover a step‑by‑step system for matching your teaching resume to the exact keywords hiring managers look for in 2025, plus checklists, examples, and FAQs.
Best Practices: Remote‑Work Experience on Modern Resumes
Best Practices: Remote‑Work Experience on Modern Resumes
Master the art of presenting remote‑work experience on modern resumes with actionable steps, checklists, and real‑world examples that get you noticed.
How to Answer "Tell Me About Yourself" in an Interview (A Master Guide)
How to Answer "Tell Me About Yourself" in an Interview (A Master Guide)
Master the most important interview question with a proven formula. Learn to craft compelling 90-second answers that impress recruiters and land jobs.
Aligning Resume with JD Keywords for Recent Graduates 2025
Aligning Resume with JD Keywords for Recent Graduates 2025
Discover a step‑by‑step system for recent grads to match their resumes to job description keywords in 2025, boost ATS scores, and secure interviews.

Check out Resumly's Free AI Tools