내가 만들고 있는 것

Angular 콘텐츠 플랫폼

물려받은 기반을 SEO, 성능, 성장에 강한 콘텐츠 플랫폼으로 발전시킨 사례.

  • 프로젝트
Angular 콘텐츠 플랫폼

물려받은 기반을 SEO, 성능, 성장에 강한 콘텐츠 플랫폼으로 발전시킨 사례.

범용 데모에서 출발해, 명확한 라우트와 실제 콘텐츠, 유지보수 가능한 Angular 기반을 갖춘 사이트로 옮겨간 사례 연구.

현황

building

메인 스택

Angular 21, TypeScript, SCSS, Jest

이 프로젝트는 꽤 흔한 마이그레이션을 기록합니다. 시각적 기반은 쓸 만하지만, 내용은 지나치게 에이전시 데모에 맞춰져 있는 상태에서 출발합니다.

목표

전체를 처음부터 다시 쓰지 않고, 실제 콘텐츠와 프로젝트, 서비스를 담는 개인 사이트로 앱을 바꾸는 것입니다.

핵심 변경 사항

  • 영역별 canonical 라우트
  • 새로운 setup 페이지 (/uses)
  • 메인 셸 정리
  • 필요할 때 SSR로 확장할 수 있는 기반
  • 버전 관리되는 콘텐츠 시스템

다음 단계에서는 스텁과 레거시 카피를 Markdown에서 생성되고 slug로 해석되는 콘텐츠로 계속 교체해나갈 예정입니다.

블로그
서비스
  • Angular 아키텍처

    유지보수가 어려워진 Angular 애플리케이션을 다시 정리합니다.

  • 제품 구현

    이미 잘 돌아가는 것을 깨뜨리지 않으면서, 제품에 실제 개선을 전달합니다.

퀵카드

  • 상태: building
  • 스택: Angular 21, TypeScript, SCSS, Jest
  • 요약: 물려받은 기반을 SEO, 성능, 성장에 강한 콘텐츠 플랫폼으로 발전시킨 사례.
  • 웹:프로젝트 열기

비슷한 것을 만들고 싶습니까?

기타 프로젝트

개인 PWA 사이트

개인 PWA 사이트

블로그, 프로젝트, 서비스를 확장 가능한 기반 위에 모아둔 개인 콘텐츠 시스템.

Markdown 에디토리얼 시스템

Markdown 에디토리얼 시스템

Markdown를 구조화된 콘텐츠로 변환해 웹, SEO, 확장성에 대비하는 에디토리얼 시스템.