Frontmatter Solo — Showcase

Images included. Still Solo-friendly.

This page demonstrates a safe pattern: images stay in markup, while props remain scalar and deterministic.

Showcase hero visual
// HeroImage.astro props
headline: string
sub?: string
imageSrc: string
imageAlt: string
component / section

What this page proves

You can still build visually rich pages for Solo. The key is simple: keep component props scalar, and keep repeated image markup inside slots or page structure.

Solo generates templates and a variable contract. Backend integration remains explicit.

component / image-gallery

Image gallery

Photo by Hugh whyte on Unsplash
01 Photo by Hugh whyte on Unsplash
Photo by Nir Himi on Unsplash
02 Photo by Nir Himi on Unsplash
Photo by Ian @photoken123 on Unsplash
03 Photo by Ian @photoken123 on Unsplash
Photo by Ashford Marx on Unsplash
04 Photo by Ashford Marx on Unsplash
component / section

Contact form example

Form fields can still be shown in the starter. The backend remains responsible for the form action and handling.

component / contact-form

Let's talk

This form demonstrates structure only.

form.name
form.email
form.subject
form.message

// action prop = your backend endpoint.
// Works with any server: PHP, Symfony, Node, Laravel.

Same frontend, different output formats

This starter can be turned into Twig or plain PHP templates while keeping the page structure readable.

Back to home CTA.astro