---
title: "AstroZen Personal Portfolio"
description: "A minimalist, accessible, and responsive portfolio template built with Astro and Tailwind for your personal website."
url: "https://vercel.com/templates/astro/astrozen"
links:
  repository: "https://github.com/immois/astro-zen"
  demo: "https://astro-zen.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=AstroZen+Personal+Portfolio&demo-description=A+minimalist%2C+accessible%2C+and+responsive+portfolio+template+built+with+Astro+and+Tailwind+for+your+personal+website.&demo-url=https%3A%2F%2Fastro-zen.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F4MGtni4mULF2HmxTab3n8j%2F530017d4738428e6ac95e3a43ac033ab%2Fzen-og.png&project-name=AstroZen+Personal+Portfolio&repository-name=astrozen&repository-url=https%3A%2F%2Fgithub.com%2Fimmois%2Fastro-zen&from=templates&skippable-integrations=1"
---

# AstroZen Personal Portfolio

A minimalist, accessible, and responsive portfolio template built with Astro and Tailwind for your personal website.

# AstroZen - Personal Portfolio Website

AstroZen is a minimalist, accessible and responsive portfolio template for your personal portfolio website. It is built with Astro and TailwindCSS.

![zen-og](https://github.com/user-attachments/assets/7a72aaae-6652-4cd0-becc-8e6a3c224993)

> [!NOTE]
> The information contained in this template, including names, images, and content, is entirely fictitious and is intended solely to give the design a realistic appearance. Any coincidence with real-life people, events, or situations is purely coincidental. It is recommended that you replace this information with your own information.

## 🔥 Features

- [x] Minimalist design. clean and simple
- [x] Mobile-first responsive layout
- [x] SEO-friendly and accessible
- [x] Easy to customize with a single configuration file

## ✅ Lighthouse Score

![performance](https://github.com/user-attachments/assets/4f95e2ca-03f9-4996-9e34-dcd179194c58)

## 🚀 Getting Started

Clone this repository to your local machine using Git.

```scheme
git clone https://github.com/immois/astro-zen.git
cd astro-zen
```

| Command        | Action                                       |
| :------------- | :------------------------------------------- |
| `pnpm install` | Installs dependencies                        |
| `pnpm dev`     | Starts local dev server at `localhost:4321`  |
| `pnpm build`   | Build your production site to `./dist/`      |
| `pnpm preview` | Preview your build locally, before deploying |

## Related Templates

### [Portfolio Starter Kit](https://vercel.com/templates/next.js/portfolio-starter-kit)

Easily create a portfolio with Next.js and Markdown.

### [Next.js Portfolio with Blog](https://vercel.com/templates/next.js/nextjs-portfolio)

Easily create a portfolio with Next.js and Markdown.

### [Magic Portfolio for Next.js](https://vercel.com/templates/next.js/magic-portfolio-for-next-js)

Creative portfolio boilerplate built with Next.js. SEO-optimized, accessible, responsive. Includes projects, blog and gallery.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.