Sphere — portfolio template

A polished home for your work, projects, and writing.

Live preview · All templates

Make it yours in one step

Paste this prompt into your coding agent:

Set up the LeafCloud "Sphere" template for me: fetch https://leafcloud.in/templates/sphere.md and follow it step by step.

Works with Claude Code, Codex, Cursor, or any coding agent. It asks a few questions, fills in your details, and puts the site online at <your-name>.leafcloud.app.

Or do it yourself

Choose Use this template on GitHub, or clone it:

git clone https://github.com/leafcloud-in/template-sphere.git
cd template-sphere
pnpm install --frozen-lockfile
pnpm run dev

The dev server prints a local address in your terminal. Open that address in a browser and leave the server running while you edit.

Edit src/consts.ts, src/content/blog/, src/content/projects/, and src/content/work/. Keep the existing design and replace the fictional sample details with your own.

Before publishing, make a production build:

pnpm run build

When you are ready to publish, get LeafCloud access at leafcloud.in (join the waitlist or sign in), then install the CLI:

curl -fsSL https://leafcloud.in/install.sh | sh
leaf init --name <your-site> --yes
leaf deploy --yes

LeafCloud will publish the site at https://<your-site>.leafcloud.app.

Changing it later

Ask your agent: “add my new project and redeploy”. AGENTS.md tells it which files to update and how to build and publish again.

Credits

Built on markhorn-dev/astro-sphere by Mark Horn, under the MIT licence. The LICENSE file is unchanged. LeafCloud changes are listed in LEAFCLOUD.md. The original project README is in docs/UPSTREAM-README.md.