A small personal portfolio built with Astro, Tailwind CSS 4, and Motion. Your stuff lives in little folders — travel photos, projects, writing — that open up into full collections.
Note
This is an experiment. There are a lot of edge cases where it's not perfect, so expecta lot of rough edges. I have not tested this on phones, just made this, thought it looked good and deployed. If anyone wants to polish this - send a pr.
Deploy your own copy to Cloudflare Workers with one click:
Or deploy manually from your machine:
pnpm install
pnpm run deploypnpm install
pnpm devThe site runs at localhost:4321.
src/data/collections.ts— the folders on the homepage and everything inside them. Items can be images, project logos with labels, or short notes.src/components/About.astro— your name, photo, and intro.src/layouts/Layout.astro— page title, meta, and global chrome.
| Command | Action |
|---|---|
pnpm install |
Install dependencies |
pnpm dev |
Start local dev server at localhost:4321 |
pnpm build |
Build the production site to ./dist/ |
pnpm preview |
Preview the build locally before deploying |
pnpm run deploy |
Build and deploy to Cloudflare Workers |
MIT