StudioSC Portfolio

The very site you're on. A modern Next.js portfolio showcasing our duo approach to software development and quality assurance.

Project Overview

This portfolio website represents our commitment to showcasing high-integrity engineering and quality assurance services. Built with Next.js 16 and TypeScript, this site serves as both a demonstration of our technical capabilities and a platform for sharing our work, insights, and experiences.

The Build (Seth)

• Architected a Next.js 16 application with App Router
• Implemented MDX-based content management for blog posts and projects
• Built responsive components with Tailwind CSS v4
• Created reusable components for projects and blog posts
• Optimized for performance and SEO

The Break (Christine)

• Developed comprehensive E2E test suite with Playwright
• Implemented visual regression testing
• Established CI/CD pipeline with automated testing
• Ensured accessibility and responsive design compliance

Features

• Blog System: MDX-powered blog with dynamic routing
• Project Showcase: Catalog of all projects with status badges
• Contact Form: Full-featured contact form with email integration
• Responsive Design: Mobile-first, fully responsive
• SEO Optimized: Comprehensive SEO setup
• Analytics: Plausible analytics integration

Security

• Zero known vulnerabilities — dependencies kept current via Dependabot, with a clean npm audit
• Security headers & CSP: Content-Security-Policy, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, and HSTS applied to every route in production
• Contact form protection: a hidden honeypot field plus per-IP rate limiting (5 requests / 10 min), backed by Upstash Redis for durability across serverless instances
• See Hardening Our Own Front Door for the full write-up