Choose a portfolio template, structure project pages in collections, set SEO and social previews, and publish a site that showcases work without a separate gallery tool.
Start from a Portfolio template, replace sample projects with your own pages, tune Styles for typography and color, set per-page titles and cover images for shares, then publish. One site — no separate CMS for the gallery.
Who this guide is for
Designers, photographers, developers, and studios who need a project showcase — case studies, selected work, about page, contact CTA — without wiring a CMS, a form plugin, and analytics separately.If you already have five blog posts about newsletters and docs, this fills the portfolio lane in the template gallery.
Step 1 — Pick a portfolio template
Open Sites → New site.
In step 2, filter or browse Portfolio templates.
Preview the demo on *.aveiro.page if linked from the gallery card.
In step 3, pick a style preset, upload your icon/wordmark, and use the live preview — refine fonts and colors later in Styles.
Template context: Choosing a template.Portfolio templates typically include:
A homepage with hero and featured work
A projects or work collection
About and contact patterns
Layout tuned for visual media and case-study copy
Step 2 — Replace sample content
Open the Pages panel and treat the file tree as your sitemap:
Page type
Tip
Homepage (`index.mdx`)
One clear headline, one primary CTA (contact or view work)
Project pages
One MDX page per case study — problem, role, outcome, images
About
Short bio + credibility markers — clients, talks, awards
Contact
Email Signup or mailto + optional visitor login for chat
Delete or archive sample projects you will not use. Rename collections so URL segments match your brand (/work, /projects, /case-studies).
Step 3 — Images and media
Portfolio sites live or die on fast, crisp media:
Use the image component from the catalog — set alt text for accessibility and SEO
Prefer consistent aspect ratios across project grids
Set a cover image on each project page for social previews when someone shares a case study link