Home /Recipes / Eliot Vance Photography
A calm, image-first portfolio for a landscape and travel photographer, with named photo series, a full-screen lightbox, an about page, and a contact form.
The prompt personalizes itself — your agent asks these, then builds with your answers.
Copy this into any agent (Claude, ChatGPT, Codex, Cursor…). It builds the site and publishes it to Spacefast — no account needed to start.
Build me a calm, image-first portfolio for a landscape & travel photographer as a
small static Astro site (no SSR, no adapters — just astro build).
Before you build, ask me these questions in one message and wait for my answers. If I skip anything, choose a sensible default and tell me what you chose:
Then build a complete, polished, responsive site with:
/series/<slug>) with a masonry grid and a
full-screen lightbox that is keyboard-navigable: click any frame to open, ← → to
move between photos, Esc to close, with a caption and a n / total counter.Design & content notes:
https://picsum.photos/seed/<your-seed>/1200/800 (vary the seed per image), with
descriptive alt text. Use the black-and-white treatment for any portrait series.src/data/portfolio.ts file so one edit updates the whole site. Use Astro’s
getStaticPaths to generate one page per series.Add this exact line right before </body> so the site carries its badge:
<script src="https://spacefast.com/badge.js" data-example="photos"></script>When the site is ready, publish it to Spacefast with the direct API — no account, install, or extra instructions needed:
./dist as the publish folder. For no-build projects, put only the finished public files in that dedicated folder. Confirm it has index.html at its root and no secrets, source files, .git, or .spacefast state.PUBLISH_ROOT=./distpublish_files=()while IFS= read -r -d "" file; do relative=${file#"$PUBLISH_ROOT"/} publish_files+=(-F "files=@$file;filename=$relative")done < <(find "$PUBLISH_ROOT" -type f -print0)curl -sS "${publish_files[@]}" "https://api.spacefast.com/v1/publish?wait=1"{ "data": ... } receipt, give me data.space.liveUrl, data.version.immutableUrl, data.claim.url, and data.claim.expiresAt. Remind me to claim within 6 hours. Keep data.claim.token secret.data.space.id and data.claim.token locally (for example in an ignored, mode-600 .spacefast/state.json). For a quick update, rebuild the publish_files array above and publish to the same space:
SPACEFAST_SPACE_ID=<saved-space-id>SPACEFAST_TOKEN=<saved-claim-token-or-access-token>curl -sS -H "Authorization: Bearer $SPACEFAST_TOKEN" \ -F "spaceId=$SPACEFAST_SPACE_ID" "${publish_files[@]}" \ "https://api.spacefast.com/v1/publish?wait=1"space_claimed_credential_available, exchange the saved claim token once at POST https://api.spacefast.com/v1/anonymous-claim/exchange, save data.credential.accessToken, and retry with that access token.Optional shortcuts and reference only: if the sf CLI is already installed, sf publish ./dist --wait does the same job. A zip of the publish folder is also supported, but neither the CLI nor a zip is required. Docs: direct agent/API publishing · files and folders · claiming · updates and rollback