Built with Astro, with TailwindCSS for styling
AstroPortfolio
portfolio-demo-1 — Astro Portfolio Template
By ThemeMarket
An Astro-based portfolio template for web developers, using TailwindCSS for the interface and a Vercel adapter for server-side rendering and Resend email delivery.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-04View source
What stands out
A quick read of the recorded project description.
Server-side rendering (SSR) via the Vercel adapter
Integrates Resend for sending emails and uses Handlebars to generate email templates
Uses Motion to add animation effects
Built-in dark mode
The repository uses the MIT license and includes actual screenshot previews of desktop, mobile, and inner pages
Template Details
This is a portfolio template for web developers, with the repository at ThemeMarket/portfolio-demo-1, built with Astro and using TailwindCSS for styling. The template leverages Astro's server-side rendering capabilities, deploys via the Vercel adapter, and integrates Resend for sending emails and Handlebars for generating email templates. The interface includes dark mode and Motion-based animations.
The template provides actual screenshot previews of the desktop homepage, mobile homepage, and an inner page (/projects path), which can be used to understand the page structure and responsive behavior. The repository uses the MIT license, and the free scope covers the code of this version itself; third-party assets such as demo images, fonts, and icons, as well as external services such as domains, hosting, databases, payments, or AI, require separate verification of licensing and costs.
The README is written in Spanish and provides basic steps for cloning the repository, entering the directory, installing dependencies, and starting the development server. The materials do not explain content management methods, data sources, or production environment configuration details, nor do they provide information on performance and stability.
AstroPortfolio
Is it right for your project?
Use Cases
- Building a personal web development portfolio site to showcase a project list and contact information
- Needing an Astro starter template with server-side rendering and email sending capabilities
- Wanting to quickly adjust interface styles and dark mode with TailwindCSS
- Deploying on Vercel and previewing desktop and mobile effects
Suitable For
- Front-end developers familiar with Astro and TailwindCSS
- Independent developers who need to showcase personal projects and receive contact emails
- Users preparing to deploy a portfolio site on Vercel
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository: git clone https://github.com/ThemeMarket/portfolio-demo-1.git
- 2
Enter the project directory: cd portfolio-demo-1
- 3
Install dependencies: npm install
- 4
Start the development server: npm run dev
- 5
Email sending depends on Resend, and the corresponding service must be configured separately; third-party assets such as demo images, fonts, and icons must be verified according to their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope covers the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability 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 verified according to 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 additional charges.
- The email sending feature depends on the third-party service Resend, requiring you to register an account and configure an API key, and may involve external service costs.
- Server-side rendering is implemented via the Vercel adapter, and deployment requires the Vercel platform, which may involve external hosting services and costs.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Envío de emails con Resend y generación de plantillas con Handlebars
Original README
https://github.com/ThemeMarket/portfolio-demo-1/blob/main/LICENSEhttps://github.com/ThemeMarket/portfolio-demo-1/blob/main/README.mdServer Side Rendering con Vercel
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-04. 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
- Astro Themes
- Documentation and maintenance reference score
- More documented · 81 / 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
- 2025-02-13
- Screenshot last checked
- 2026-10-04
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.
Review declaration: [email protected] · 2026-10-05
Inspect the recorded source material
SHA-256: 182bc2d5e1c6355dbe7e8cb1154c1bacaea928056e7776836fabc424b19aa283
2026-10-04T20:28:55.520Z
Source file / repository# Portfolio Demo 1
Esta es una plantilla de portafolio para Desarrollador Web creada usando Astro y TailwindCSS, desarrollada aprovechando las características del Server Side Rendering (SSR) de Astro con el adaptador de Vercel y envío de emails con Resend.
## Estadísticas
<table style="width: 100%">
<td>
<img src="./public/previews/stats.jpg" alt="..." height="200" width="260">
</td>
</table>
## Características
1. Envío de emails con Resend y generación de plantillas con Handlebars
2. Server Side Rendering con Vercel
3. Animaciones con Motion
4. Modo oscuro
## Dependencias
- Astro v5.2.5
- Astro Vercel Adapter v8.0.6
- TailwindCSS v4.0.5
- Motion v12.0.5
- Resend v4.1.2
- Handlebars 4.7.8
## ¿Cómo levantar el proyecto?
1. Clona el repositorio `https://github.com/ThemeMarket/portfolio-demo-1.git`.
2. Dirígete hacia la carpeta del proyecto `cd portfolio-demo-1`.
3. Instala las dependencias `npm install`
4. Levanta el servidor de desarrollo `npm run dev`
## Previews
<table style="width: 100%">
<tr>
<td style="width: 25%"><img src="./public/previews/1.png" alt="..."></td>
<td style="width: 25%"><img src="./public/previews/2.png" alt="..."></td>
<td style="width: 25%"><img src="./public/previews/3.png" alt="..."></td>
<td style="width: 25%"><img src="./public/previews/4.png" alt="..."></td>
</tr>
</table>
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