Monolume is a clean, modern portfolio theme built with Astro. It’s designed for developers, designers, and freelancers who want to showcase their work with style
One-click deploy this starter to Tencent EdgeOne Pages (installs, builds, and serves dist/ automatically).
- Minimal, bold typography
- Responsive & mobile-friendly
- Work/projects showcase layout
- Blog support
- Contact form
- SEO-friendly
- Built with Astro + Tailwind CSS (easy to customize)
- Astro – Static site builder
- TypeScript – Type-safe development
- Tailwind CSS – Utility-first styling
Inside of your Astro project, you'll see the following folders and files:
├── public/
├── src/
│ ├── components/
│ ├── About.astro
│ │ ├── Card.astro
│ │ ├── Contact.astro
│ │ ├── Footer.astro
│ │ ├── FormattedDate.astro
│ │ ├── Head.astro
│ │ ├── Header.astro
│ │ ├── Hero.astro
│ │ ├── Posts.astro
│ │ └── Projects.astro
│ ├── content/
│ │ ├── blog/
│ │ └── projects/
│ ├── layouts/
│ │ └── Layout.astro
│ ├── pages/
│ │ ├── 404.astro
│ │ ├── about.astro
│ │ ├── blog
│ │ │ ├── [...id].astro
│ │ │ └── index.astro
│ │ ├── contact.astro
│ │ ├── index.astro
│ │ └── projects
│ │ ├── [...id].astro
│ │ └── index.astro
│ └── styles/
│ └── global.css
├── consts.ts
│ ├── content.config.ts
├── astro.config.mjs
├── package.json
└── tsconfig.json
To learn more about the folder structure of an Astro project, refer to our guide on project structure.
All commands are run from the root of the project, from a terminal:
| 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 |
pnpm astro ... |
Run CLI commands like astro add, astro check |
pnpm astro -- --help |
Get help using the Astro CLI |
If you enjoy using this theme and want to support its development, you can buy me a coffee:
