Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/Hazielgmz/astro-Portfolio/llms.txt

Use this file to discover all available pages before exploring further.

Build Your Portfolio with Astro

A modern, fast, and fully customizable portfolio template with server-side rendering, dynamic content management, and beautiful animations.

Get StartedExplore Features

Quick Start

Get your portfolio up and running in minutes

1

Clone the repository

Start by cloning the Astro Portfolio template to your local machine:
git clone https://github.com/Hazielgmz/astro-Portfolio.git
cd astro-Portfolio
2

Install dependencies

Install the required dependencies using pnpm (or npm/yarn):
pnpm install
3

Configure Supabase

Create a .env file and add your Supabase credentials:
SUPABASE_URL=your_supabase_url
SUPABASE_KEY=your_supabase_key
You’ll need to set up your Supabase database with the required tables. See the Supabase Setup guide for details.
4

Start the development server

Run the development server and view your portfolio:
pnpm dev
Open http://localhost:4321 in your browser to see your portfolio.

Explore the Components

Learn about each component and how to customize them

Layout & Header

Responsive layout with animated scroll-based navigation

About Me Section

Profile display with bio and dynamic content from Supabase

Career Timeline

Display your professional experience in a clean timeline

Project Showcase

Beautiful project cards with tool badges and preview links

Tools Grid

Interactive tool display with modals for certifications

Footer

Customizable footer component

Key Features

Everything you need to create a stunning portfolio

Server-Side Rendering

Built with Astro SSR for optimal performance and SEO

Tailwind CSS Styling

Fully responsive design with modern utility-first CSS

Supabase Integration

Dynamic content management for projects, tools, and career

Interactive Components

Alpine.js powered modals and smooth animations

Configuration & Deployment

Set up your environment and deploy to production

Supabase Setup

Configure your Supabase database tables and relationships

Environment Variables

Set up your environment configuration

Deploy to Vercel

Deploy your portfolio to Vercel with one click

Build Configuration

Optimize your build settings for production

Ready to Build Your Portfolio?

Follow our quickstart guide to get up and running in minutes, or explore the components to understand how everything works.

Start BuildingView on GitHub