You're up and running

This is the portfolio starter — a visual showcase site with a homepage, work gallery, about page, and contact page.

What you have

  • Four pages: Home, Work, About, Contact
  • A featured-projects grid on the homepage
  • A full project gallery on the Work page
  • Skills tags on the About page
  • This guide at /readme

Adding projects

The starter ships with hardcoded sample projects in the page templates so you can see the layout immediately. To make project management dynamic:

  1. Create a projects collection — see the Data Model docs
  2. Add an image, title, summary, and link/description per project
  3. Edit pages/work.twig to loop over cms.collection.objects('projects') instead of the hardcoded list

Quick wins

  1. Replace hero copy — open the Home page in Site Builder and put your tagline in the Page Data JSON field as hero
  2. Set your social image — upload a 1200×630 image to the Page Image field on each page (used for og:image)
  3. Add a frontend pipeline (optional) — run tcms builder:frontend to install Vite + Sass scaffolding

Customizing

  • Layout — tcms-data/builder/layouts/default.twig
  • Homepage — tcms-data/builder/pages/index.twig
  • Work page — tcms-data/builder/pages/work.twig
  • About page — tcms-data/builder/pages/about.twig

Learn more