SPA를 ‘SNS공유하기’ 가능하게 해보자.

이 글은 SPA(Single Page Application)에서 발생하는 SNS 공유 문제를 해결하는 방법을 다룹니다. SPA는 봇 크롤링이 어려워 SNS 공유 시 모든 페이지에서 동일한 메타태그가 출력되는 이슈가 있습니다.

이를 해결하기 위해 두 가지 구현 방식을 제시합니다. 첫 번째는 Cloudfront와 Lambda@Edge, S3를 활용하는 방식이며, 두 번째는 Express 미들웨어를 사용하는 방식입니다.

두 방식 모두 기존 코드 구조를 크게 변경하지 않고 적용 가능하며, 필요에 따라 제거할 수 있도록 고려되었습니다. 이를 통해 SPA에서도 페이지별 고유 정보를 담은 메타태그를 출력하여 SNS 공유 기능을 정상적으로 사용할 수 있게 됩니다.