// tech_stack --verbose

Under the Hood

Every tool in this portfolio was chosen deliberately. Here's the full breakdown — from the rendering engine down to the deployment pipeline.

01 Framework & Language
Astro v4.16

Static site generator with file-based routing and zero-JS-by-default React islands.

React v18.3

Powers interactive islands: canvas particle system, typing effect, and contact form.

TypeScript v5.6

Full type safety across all components, layouts, and JSON data files.

02 Styling & Animation
Tailwind CSS v3.4

Utility-first CSS layered with custom CSS properties for the terminal colour theme.

GSAP v3.12

Scroll-triggered animations, staggered reveals, parallax layers, and timeline sequences.

Three.js v0.169

WebGL particle network in the hero section with real-time mouse-parallax interaction.

03 Infrastructure
Cloudflare Workers

Hosts preview and staging environments for feature and dev branches via asset serving.

GitHub Actions

CI/CD pipeline: auto-builds the site and deploys to GitHub Pages on every push to main.

GitHub Pages

Production hosting at denistechs.com with a custom CNAME and automated versioning.

04 Services
EmailJS v4.4

Client-side email delivery for the contact form — no backend or server required.

// deployment_flow --graph

Deployment Pipeline

Three environments, two merge paths, one production endpoint. Preview and staging environments are hosted on a Cloudflare instance.

// environment_map
Branch Environment Host
feature/* Cloudflare Preview Cloudflare instance (preview)
dev Cloudflare Staging Cloudflare instance (staging)
main Production denistechs.com