Under the Hood.
Full breakdown.
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
AS
Astro
v4.16
Static site generator with file-based routing and zero-JS-by-default React islands.
RX
React
v18.3
Powers interactive islands: command palette, contact form, and pipeline diagram.
TS
TypeScript
v5.6
Full type safety across all components, layouts, and JSON data files.
02 Styling & Animation
TW
Tailwind CSS
v3.4
Utility-first CSS layered with custom CSS properties for the v2 design system.
IO
IntersectionObserver
—
Native scroll-triggered animations — staggered reveals, skill bars, timeline rows.
CS
CSS Custom Properties
—
v2 design token system: oklch() colors, fluid type with clamp(), editorial layout.
03 Infrastructure
GA
GitHub Actions
—
CI/CD pipeline: auto-builds and deploys to GitHub Pages on every push to main.
GH
GitHub Pages
—
Production hosting at denistechs.com with a custom CNAME and automated versioning.
CF
Cloudflare Workers
—
Preview environments for feature branches via per-branch asset serving.
04 Services
EJ
EmailJS
v4.4
Client-side email delivery for the contact form — no backend required.
Deployment Pipeline.
Three environments, two merge paths, one production endpoint. Preview and staging are hosted on Cloudflare.
// environment_map
Branch Environment Host
feature/* Preview Cloudflare instance dev Staging Cloudflare instance