Skip to content
View gotpop's full-sized avatar
5 followers · 10 following

Achievements

Achievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault ContributorAchievement: Pull Sharkx3

Achievements

Achievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault ContributorAchievement: Pull Sharkx3

Block or report gotpop

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
gotpop/README.md

Demo Platform: Component-Driven Architecture

A multi-repository platform showcasing modern web development with shared component systems, centralized design tokens, and microservice architecture. Built to demonstrate scalable frontend architecture patterns and cross-project component reuse.

View Technical Details
System Architecture

Architecture Overview

The platform consists of interconnected repositories sharing a common design system:

  • Monorepo Design System - Centralized component library published to GitHub Packages
  • Content Sites - Two Next.js applications consuming the shared components
  • Cloud Services - AWS Lambda functions for email and serverless functionality

Live Projects

Project URL Purpose
Blog gotpop.io Personal blog with Storyblok CMS
Portfolio work.gotpop.io Professional work showcase
Storybook storybook.gotpop.io Component documentation

Technical Stack

Frontend: Next.js 16, TypeScript, React Server Components
CMS: Storyblok with multi-tenant content structure
Design System: Turbo monorepo with published component packages
Infrastructure: AWS (EC2, Lambda, SES), Docker containerization
CI/CD: GitHub Actions with automated deployment pipelines

The architecture enables component reuse across projects while maintaining independent deployment cycles and content management.

Pinned Loading

  1. system system Public

    A custom component system for building Next.js RSC with StoryBlok data.

    TypeScript

  2. aws aws Public

    TypeScript

  3. blog blog Public

    TypeScript 1

  4. work work Public

    TypeScript

  5. gotpop-shop gotpop-shop Public

    A full stack e-commerce application built with Next.js, NextAuth.js, Prisma/PostgresQL & raw CSS, deployed on Vercel & Railway

    TypeScript 5

  6. web-platform-showcase web-platform-showcase Public

    First pass at using a plethora of new web platform features to build a cohesive experience using Deno 🦕

    CSS 1