<aside> 💡

프로젝트 데이터베이스와 연동되는 정보입니다.

• thumbnail은 단일 이미지로 업로드 해주세요
• screenshots들은 colGroup을 형성하도록 이미지 업로드 이후 드래그하여 배치해주세요
• 프로젝트가 ‘진행중인 프로젝트’에 속하는 경우 Period는 자동으로 startDate를 기준으로 삽입됩니다.
• Tech stack은 , 로 구분하여 입력해주세요 </aside>

Period

2026.01 - 2026.02

Summary

오래된 기술 스택으로 유지보수가 어려웠던 팀 페이지를 포함해 사이트 전반을 리뉴얼하고, Notion 연동·자동 배포·운영 알림까지 통합한 Beyond Imagination 공식 홈페이지 리뉴얼 TF입니다.

Description

레거시 기술로 변경 비용이 크고 유지보수가 어려웠던 팀 페이지를 React/Vite 기반으로 전면 리뉴얼해, 컴포넌트 중심 구조와 배포 자동화를 통해 확장성과 운영 효율을 높인 프로젝트입니다. 갤러리 콘텐츠는 Notion에서 관리하고 배포 파이프라인에서 데이터·이미지를 자동 동기화해 S3·CloudFront에 반영되도록 구성했으며, GitHub Actions와 Discord 알림으로 배포 결과와 실패 지점을 빠르게 파악할 수 있게 해 운영 안정성도 강화했습니다.

Goal

유지보수가 어려운 레거시 팀 페이지를 현대적인 구조로 개선하고, 콘텐츠 수정부터 배포까지의 흐름을 자동화해 운영 부담을 줄이며, Notion 기반 관리로 비개발자도 쉽게 업데이트할 수 있는 체계를 마련하는 동시에 S3·CloudFront로 빠르고 안정적인 사용자 경험과 배포/동기화 상태의 가시성을 확보하는 것을 목표로 했습니다.

Github

https://github.com/Beyond-Imagination/HomepageV2

Demo

https://beyond-imagination.net/

Tech Stacks

React, Notion API, S3, CloudFront

Thumbnail

Screenshots