lofoneh.com

My personal portfolio, built with Astro and Tailwind CSS. Adapted from the excellent AstroWind template by @arthelokyo.

Tech stack

• Astro v6 — static site generator
• Tailwind CSS v4 — utility-first styling (CSS-first config)
• TypeScript — strict-typed components and utilities
• MDX — Markdown with embedded components for blog posts
• Bun — package manager and runtime
• Sharp + Unpic — image optimization (local + CDN)

Run it locally

Requires Node.js ≥ 22.12.0 and Bun.

git clone https://github.com/lofoneh/lofoneh.com.git
cd lofoneh.com
bun install
bun run dev

Then open http://localhost:4321.

Command	Purpose
bun run dev	Start the dev server
bun run build	Build the production site to ./dist/
bun run preview	Preview the production build locally
bun run check	Run astro check + ESLint + Prettier
bun run fix	Auto-fix lint and formatting issues

Fork and make it your own

1. Click Fork on this repo, or fork AstroWind directly if you'd rather start from the upstream template.
2. Clone your fork and run bun install.
3. Update src/config.yaml — site name, URL, SEO metadata, analytics, blog routing.
4. Edit content in src/data/post/ (blog posts), src/pages/ (top-level pages), and src/components/CustomStyles.astro (colors and fonts).
5. Replace assets in src/assets/ and public/.

See AGENTS.md for the architecture overview (virtual config module, Tailwind v4 setup, content collections, image pipeline).

Deploy

Vercel auto-detects Astro, builds with bun run build, and serves from a global edge network. The free tier covers personal-portfolio traffic comfortably, and preview deployments on every PR make iterating painless. Point a custom domain at the project under Settings → Domains.

Credits

Template by @arthelokyo — AstroWind, the most-starred and forked Astro theme of 2022–2025. This repo is a personal adaptation; the design and structural foundations are theirs.

License

MIT — see LICENSE.md.