Website Architecture

How This Website Is Set Up

This portfolio is a modern static website built with Astro, TypeScript, and CSS. The codebase is managed with Git and hosted on GitHub. Every time I push changes to the main branch, Vercel automatically builds and deploys the site with zero configuration. The site is served globally via Vercel's edge network for optimal performance worldwide. The site includes Vercel Analytics for visitor tracking and Vercel Speed Insights for monitoring Core Web Vitals and performance metrics. All configuration and sensitive files are kept outside the public directory and are not deployed. Astro provides optimal performance through static site generation, component-based architecture, and minimal JavaScript for a fast, SEO-friendly experience.

Layer 1: User Interface

User

→

Browser

→

allenhoskins.com

→

CDN

Layer 2: Frontend Technologies

Astro

Static Site Generator
Component Framework

TypeScript

Type Safety
Modern JavaScript

CSS3

Responsive Design
Dark Theme

Font Awesome

Icons & UI
Visual Elements

Assets

Images & Media
Optimized Files

Layer 3: Hosting Infrastructure

Vercel

Static Hosting
Edge Network

SSL Certificate

HTTPS Security
Data Protection

Domain DNS

Name Resolution
Routing

Performance

Caching
Compression

Auto Deploy

Git Integration
Zero Config

Edge Network

Global CDN
Low Latency

Layer 4: Services & Analytics

Vercel Analytics

Visitor Tracking
Page Views

Speed Insights

Core Web Vitals
Performance

SEO Tools

Sitemap.xml
Robots.txt

Static Generation

Pre-rendered
Fast Load