Technology Stack

This portfolio site is built using modern web technologies with a focus on performance, maintainability, and developer experience.

Build System & Development

• Webpack 5 - Module bundler for JavaScript, CSS, and assets
• Handlebars - Templating engine with custom helpers for dynamic content
• Foundation Sites - CSS framework providing responsive grid system and components
• Node.js 22 - Runtime environment for build tools and development

Content Management

Contentful serves as the headless CMS, allowing content updates without code changes. When content is published, a webhook triggers an automated rebuild and deployment process.

Styling & Processing

• Sass/SCSS - CSS preprocessor for maintainable stylesheets
• PostCSS - Post-processing tool for vendor prefixes and optimizations
• Tailwind CSS - Utility-first CSS framework for rapid UI development

Code Quality & Optimization

• Babel - JavaScript transpiler for modern syntax support
• ESLint + Prettier - Code linting and formatting
• Jest - Testing framework for JavaScript code

Deployment & Hosting

• Bitbucket - Version control and repository hosting
• Bitbucket Pipelines - CI/CD for automated builds and deployments
• AWS S3 - Static site hosting
• CloudFront - Global CDN for fast content delivery

Architecture Overview

This is a static site generator that builds a complete website from templates and content. The build process takes approximately 2 minutes from content update to live deployment. The architecture prioritizes simplicity, performance, and ease of maintenance.

The complete source code is available on Bitbucket.