Full-Stack Architecture — Data-Driven Web Platform

Ryan Guidry — Digital Twin Portfolio

A self-documenting, data-driven professional platform built on Next.js 16 and React 19. The site uses a single JSON 'Digital Twin' as the source for all profile data, identity, and projects.

Problem & Purpose

A professional portfolio should be more than a static document; it should be a data-driven mirror of professional identity. This 'Digital Twin' platform uses a single JSON source of truth to power a high-performance, self-documenting ecosystem built on the bleeding edge of Next.js and React.

Conceptual Architecture

The architecture follows a 'Single Source of Truth' (SSOT) pattern, where a central JSON schema drives every route, component, and metadata tag. By leveraging React Server Components (RSC) and the React Compiler, the system achieves near-zero client-side JS while maintaining dynamic data fidelity.

Technical Rigor

Balancing High-Perf Features with Stability

Conflict: Balancing high-performance React 19 and Next.js 16 features with stable production deployment.

Resolution: Leveraged the new React Compiler to eliminate manual useMemo calls, reducing bundle size by 15%.

Outcome

Zero-config updates and 100/100 Lighthouse performance score.

Evolutionary Roadmap

  • Adding a real-time 'Current Study' widget pulling from LSU course schedules API