Cursor + MCP's | Docker | Strapi v5 | Next JS | Render

Source: Dev.to

Overview

🚀 오늘 제 목표는 포트폴리오 웹사이트의 콘텐츠를 담당할 Strapi CMS를 배포하는 것이었습니다. 가장 빠르고 효율적인 개발 워크플로우를 만들고 싶어서, 바로 사용할 수 있는 Docker 이미지를 로드하고 배포할 수 있는 클라우드 솔루션을 찾았습니다.

Using Render

☁️ 저는 Render라는 클라우드 플랫폼을 발견했습니다. Render는 GitHub 저장소에서 직접 Docker 이미지를 빌드합니다. 이를 통해 로컬과 프로덕션에서 정확히 같은 버전을 실행할 수 있습니다—제 경우는 Strapi v5와 PostgreSQL 16이었습니다.

💬 화장실에 앉아 xAi의 Grok과 몇 차례 대화를 나눈 뒤, Render 구성 파일을 사용해 Render를 활용하는 방법을 알아냈습니다. 이 파일은 서버 구조를 깔끔하고 조직적으로 정의합니다. Dockerfile과 비슷하지만 Render 전용으로 만들어졌으며, GitHub에서 직접 재사용 가능한 청사진을 만들 수 있게 해줍니다.

Generating the Strapi Project with Cursor

⚙️ 워크플로우를 이해한 뒤, 새 프로젝트를 만들고 제 좋은 친구 Cursor에게 Docker 이미지와 함께 전체 Strapi v5 프로젝트를 생성해 달라고 요청했습니다. Opus 4.5를 사용해 Cursor는 몇 초 만에 전체 스캐폴드를 만들었고, 수동 검색은 전혀 필요하지 않았습니다. 파일을 로드하고 Google을 한 번도 열지 않았습니다.

Debugging and Deployment

🐳 Cursor가 프로젝트를 생성한 뒤, 디버깅을 시작했습니다. 로그를 확인하고 Docker 컨테이너가 정상적으로 실행되는지 검증했습니다. 약간의 프롬프트와 조정으로 10분도 안 되어 Dockerfile과 Render 구성 파일이 포함된 완전한 Strapi v5 설정을 만들 수 있었습니다.

📚 Pro tip: 기술 스택 문서를 Cursor에 가져와서 더 많은 컨텍스트를 제공하세요 (Render 문서, Strapi v5 문서 등). 모든 것을 입력해 주세요.

📦 로컬에서 모든 것을 테스트한 뒤, 청사진을 Render에 업로드했습니다. 배포가 시작되면서 몇 가지 오류가 나타났습니다. 보통은 로그를 수동으로 Cursor에 복사할 수 있지만, Render는 MCP 서버를 제공해 직접 Cursor와 연결할 수 있습니다. Cursor가 배포 로그를 자동으로 가져와 문제를 식별했습니다.

🤯 아주 잘 작동했고, 몇 번의 프롬프트만으로 프로덕션 Dockerfile이 수정되었습니다. MCP 서버는 정말 뛰어납니다. 위험 요소가 약간 있긴 하지만, 현재 민감한 데이터를 다루고 있지 않으니 괜찮습니다.

Integrating with Next.js

🧱 Render가 제 Strapi v5 CMS를 실행하면서 본격적인 작업이 시작되었습니다. 엔트리를 만들고 기존 Next JS 포트폴리오와 연결했습니다. 현재 사이트 구조(프로젝트, 직무, 기술 스택, About 및 Home 같은 단일 페이지)를 기반으로 모든 것을 정리했습니다.

🔌 그 다음 새로운 과제가 찾아왔습니다: 포트폴리오용 API 통합 구축. 모든 엔드포인트를 수동으로 확인하는 것은 불가능했습니다. 저는 로컬 Strapi 인스턴스에 설치하고 다른 프로젝트에 노출할 수 있는 Strapi v5 MCP 서버를 발견했습니다. 이 서버는 localhost에서 동작하며 Cursor에게 API 통합을 구축할 전체 컨텍스트를 제공했습니다.

🧠 이를 통해 포트폴리오는 모든 데이터를 자동으로 가져올 수 있게 되었습니다. MCP 서버가 모든 엔트리와 페이지를 알고 있어 원활한 데이터 페칭이 가능했습니다.

Conclusion

🏁 오늘 빠르게 움직이고 싶다면 Cursor와 MCP 서버를 사용하고, 개발 환경과 통합되는 클라우드 플랫폼을 선택하세요. 개발자로서 완전한 제어권을 유지하면서 최신 도구를 활용해 목표를 가능한 한 빨리 달성할 수 있습니다.

첫 번째 포스트이지만, 앞으로 몇 달 동안 이 학습 여정에 대해 더 많이 작성할 예정입니다!