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.
Complete step 3 style presets — primary colors and typography you can refine later.
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
Template matches how much copy vs imagery you need
URL segments finalized (/work/project-name)
Every project has title, summary, and cover image
Homepage CTA is obvious on mobile
Custom domain connected (optional but recommended before job search / client send)
At least one analytics event on contact or signup CTA
FAQ
Can I run a blog and portfolio on one site?Yes — add a blog collection beside your projects folder. Sort and layout can differ per collection: Collection layouts.Should I use AI to write case studies?Use Quasar for draft copy, then edit for specifics only you know. See Edit your website with AI without breaking layout.How many projects before launch?Three strong case studies beat twelve thin placeholders. Publish, then add projects iteratively.