AstroPortfolio

minimalist-dragon — Astro Portfolio Template

By slydragonn

An Astro-based single-page portfolio template assembled from components such as Navbar, Footer, ProjectCard, SkillCard, Button, and Title, suitable for quickly building a personal project and skills showcase page.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

Astro single-page portfolio structure with entry at src/pages/index.astro

Built-in Navbar, Footer, ProjectCard, SkillCard, Button, and Title components

ProjectCard and SkillCard are used to display project and skill entries respectively

The public directory includes favicon, dragon.png, and multiple SVG icons

The README provides clone, install, and run commands plus static hosting deployment instructions

The repository uses the MIT license, allowing modification, commercial use, and distribution

Template Details

Minimalist Dragon is a single-page portfolio template built with Astro. The repository description is Minimalist Portfolio and notes that it is based on the same author's Minimalist Portfolio project. The page structure is carried by src/pages/index.astro, together with src/layouts/Layout.astro and components under src/components including Navbar, Footer, ProjectCard, SkillCard, Button, and Title. Public assets are placed in the public directory, including favicon, dragon.png, and SVG icons such as design, email, external-link, database, and server.

The template provides reusable component usage examples: Button accepts message, icon, and link; Title accepts text; SkillCard accepts title, description, and icon; ProjectCard accepts title, description, and link. The README explains that you can get the code via git clone, install dependencies with npm install, run locally with npm run dev, and deploy to static hosting services such as Vercel, Netlify, and GitHub Pages.

In terms of limitations, the materials do not describe styling details, responsive breakpoints, content management approach, or build output configuration; only the single-page structure can be confirmed. Licenses for third-party assets such as demo images, fonts, and icons need to be checked separately, while the code itself uses the MIT license.

AstroPortfolio

Is it right for your project?

Use Cases

Individual developers building a single-page portfolio to showcase projects and skills in one place
As a starting point for practicing Astro componentization by replacing ProjectCard and SkillCard content
Deploying to Vercel, Netlify, or GitHub Pages as a static site
Reusing basic components such as Button and Title in an existing Astro project

Suitable For

Developers who need a lightweight single-page portfolio and do not require multi-page routing
Users familiar with or willing to use Astro components and npm workflows
Those who want to directly modify component examples to fill in their own project and skill information
Users planning to publish a personal page using a static hosting service

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Use git clone https://github.com/slydragonn/minimalist-dragon.git to get the code
2
Run npm install to install dependencies, then npm run dev to start local development
3
Page content and component usage are concentrated in src/pages/index.astro and under src/components
4
Before deployment, check the licenses of images, icons, and demo assets in public yourself
5
Can be deployed to static hosting services such as Vercel, Netlify, and GitHub Pages

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and liability limitations are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/slydragonn/minimalist-dragon/blob/main/LICENSE https://github.com/slydragonn/minimalist-dragon/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 60 / 100
Technologies: Astro
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2024-09-04
Screenshot last checked: 2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: dd45e066cf120c6d4499914b0bd5c19eea9af6c7b738253a5844e745f42404a9

2026-10-02T16:53:05.683Z

Source file / repository

# Minimalist Dragon - Portfolio Template

Single page portfolio made with [Astro](https://astro.build/) and based on [Minimalist Portfolio](https://github.com/slydragonn/minimalist-portfolio)


## Clone:
```
git clone https://github.com/slydragonn/minimalist-dragon.git
```

## Install:

```
npm install
```

## Run:
```
npm run dev
```

## Project Struture
```
├── src/
│   ├── components/
│   │   ├── Button.astro
│   │   ├── Footer.astro
│   │   ├── Navbar.astro
│   │   ├── ProjectCard.astro
│   │   ├── SkillCard.astro
│   │   └── Title.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
├── public/
│   ├── favicon.svg
│   ├── design.svg
│   ├── dragon.png
│   ├── email.svg
│   ├── external-link.svg
│   ├── database.svg
│   └── server.svg
├── astro.config.mjs
├── package.json
├── .gitignore
├── README.md
└── tsconfig.json
```

## Components

**Button:**
```
<Button
    message='Latest Posts'
    icon='/external-link.svg'
    link='#'
/>
```

**Title:**
```
<Title 
    text='Skills & Technologies'
/>
```

**SkillCard:**
```
<SkillCard 
	title='Frontend Development'
	description='Developing websites with JavaScript and the best Frameworks like React, Vue, and Astro'
	icon='/design.svg'
/>
```

**ProjectCard:**
```
<ProjectCard 
	title='My Project #1'
	description='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
	link='#'
/>
```

## Deploy
You can deploy this site on your favorite static hosting service such as Vercel, Netlify, GitHub Pages, etc.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

astro-theme-cactus

Astro Cactus is an Astro-based blog and portfolio theme that uses Markdown/MDX content collections to manage posts, notes, and tags, with frontmatter type-checked by a schema.

Astro · Portfolio

astrofy

Astrofy is a free and open-source personal portfolio website template built with Astro and TailwindCSS, with built-in blog, CV timeline, project showcase, store, and RSS feed modules.

Astro · Portfolio

astro-nano

Astro Nano is a static, minimalist portfolio and blog template built with Astro, Tailwind, and TypeScript without frontend frameworks. It includes light/dark themes, animated UI, automatic sitemap and RSS feed generation, and Markdown/MDX support with component imports.

Astro · Portfolio

astro-erudite

astro-erudite is an opinionated, unstyled static blog template built with Astro and native CSS, with no UI or CSS framework and minimal dependencies.

Astro · Portfolio

astro-sphere

Astro Sphere is a static, minimalist portfolio and blog theme maintained by markhorn-dev, built mainly with Astro, Tailwind, and TypeScript, with a small amount of SolidJS for stateful components.

Astro · Portfolio

astro-micro

Astro Micro is a framework-free blog and portfolio theme for Astro, forked from Astro Nano. It adds Pagefind search and Giscus comments while retaining type safety, sitemap, RSS, Markdown and MDX support, and TailwindCSS with system, light, and dark themes.

Astro · Portfolio