Blog

Technology-Agnostic

Architectural Playground

Juun

Playground
  1. Home
Featured

Articles

In-depth write-ups on infrastructure, performance, and architecture decisions

Separation of Concerns in Frontend DevelopmentSeparation of Concerns in Frontend Development
Field Notes
Oct 1, 2025
9 mins read
Separation of Concerns in Frontend Development
Seperation of concerns in frontend domain, analyzing impact on source level.
Micro Frontend (MFE): Common Misconceptions and Case StudiesMicro Frontend (MFE): Common Misconceptions and Case Studies
Field Notes
Aug 5, 2025
9 mins read
Micro Frontend (MFE): Common Misconceptions and Case Studies
Study of Micro Frontend: Concept, overstated promises, common misunderstandings, implemenation with real world cases.
Index

Decision Records

Architectural and product decisions across the project's development

  1. #021Jan 2026
    ARCHITECTURE

    Support i18n with SEO Improvement

    Enable language support with next-intl, localized metadata, automatic sitemap generation

    ADRNext.jsSEOSSRi18ninternationalizationmetadatatranslationArticle
  2. #020Jan 2026
    ARCHITECTURE

    Cesium Viewer Lifecycle Management and Crash Prevention

    Fixed viewer crashes during rapid navigation by implementing per-route isolation, separated effects, and async guards

    ADRCesiumReactWebGLcontextlifecycle
  3. #019Dec 2025
    ARCHITECTURE

    Package Build Pipeline and Type Safety in CI

    Migrated from source-based imports to proper package builds with full TypeScript validation in CI

    ADRBuildCIMonorepoTurborepoTypeScripttsup
  4. #018Dec 2025
    ARCHITECTURE

    RSC Directives and Bundler Limitations

    Discovered bundler ecosystem gap with React Server Components directives, migrated UI package into web app

    ADRArchitectureDXNext.jsRSCReactbundler
  5. #017Dec 2025
    INFRASTRUCTURE

    Automatic Type Generation for OpenAPI

    Integrated automated TypeScript type generation from Swagger/OpenAPI specs

    APIDXOpenAPISwaggerTypeScriptautomation