Back to themes

Astro 686F6C61 Portfolio Template

Minimalist tech portfolio template with terminal-inspired design, automatic dark/light mode, and bilingual support (Spanish/English). Features project showcase with filtering, image galleries, and SEO optimization.


Cost

Free


Created by
R

A minimalist tech portfolio template with terminal-inspired design, built for developers and tech professionals who appreciate clean aesthetics and powerful functionality.

Overview


This template combines a sleek, terminal-inspired interface with modern web development best practices. It's perfect for developers, designers, and tech professionals who want to showcase their work with a distinctive, minimalist aesthetic.

Key Features


Bilingual Support

 

Complete internationalization system with Spanish and English translations. Automatic language detection based on browser preferences, with manual language switching available.


 Dark/Light Mode

 Automatic theme switching based on system preferences, with manual toggle button. Smooth transitions and consistent styling across all components.


 Project Showcase System

 Dynamic project cards with flexible configuration options:

 - Technology filtering system with terminal-style UI

 - Multiple link types: demo, code repository, official website, image gallery

 - Support for extended descriptions via modal windows

 - Featured projects with PINNED badge

 - Downloadable assets (CSV files, datasets)


 Image Gallery

 Lightbox modal system for project screenshots with:

 - Previous/next navigation

 - Thumbnail previews

 - Keyboard navigation support

 - Touch-friendly mobile interface

 - Lazy loading for optimal performance


 SEO Optimized

 Complete meta tags implementation including:

 - Open Graph tags for social media sharing

 - Twitter Card support

 - JSON-LD structured data for rich snippets

 - Automatic sitemap generation

 - Multilingual SEO with hreflang tags

 - robots.txt configuration


 Security & Privacy

 - Base64 email encoding to prevent spam bot harvesting

 - No external dependencies for core functionality

 - Static site generation eliminates server-side vulnerabilities


 Performance

 - Static site generation (SSG) for maximum speed

 - CSS minification with Terser

 - Inline stylesheets optimization

 - Cache headers configuration

 - Lighthouse score: 100/100 (Performance)

Technical Stack

 - Framework: Astro 5.15.3

 - Language: TypeScript

 - Styling: CSS with custom properties

 - Fonts:JetBrains Mono (Google Fonts)

 - Build Tool: Vite (included in Astro)

 - Node Version:18+