본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

1단계: CMS 페이지 복제하기

1. CMS 페이지 이름 옆 ··· 세 개 점 아이콘을 클릭

2. Duplicate(복제) 옵션 선택

동일한 CMS 컬렉션 안에 페이지 복사본이 생성됩니다.

2단계: 복제한 페이지 이름 변경하기

복제된 페이지는 기본적으로 같은 컬렉션 구조 내에 들어갑니다. 페이지 이름을 변경하여 컬렉션 외부로 이동시켜야지 다른 CMS와 연결할 수 있습니다.
예시: /articles/:slug/copy → /authors/:slug 와 같이 이름 변경

3단계: CMS 컬렉션 연결 변경

1. 페이지 상단에 있는 브레드크럼(경로 표시줄)에서 CMS 컬렉션명 클릭

2. Swap Collection(컬렉션 교체) 선택

3. 원하는 CMS 컬렉션을 선택하여 페이지와 연결

4단계: 필요 없는 요소 삭제하기

새롭게 연결한 CMS 컬렉션에는 기존 페이지와 다른 필드 구조가 있을 수 있습니다.
이전 CMS에서 쓰던 요소 중, 새 컬렉션에 존재하지 않는 필드가 있다면 해당 요소는 삭제해야 합니다.
이 과정을 마치면, 동일한 레이아웃 구조를 다양한 CMS 콘텐츠에 맞게 재사용할 수 있습니다.

기존의 Articles Pages 페이지를 복제한 뒤, URL 경로를 바꾸고, 새로운 CMS인 authors 컬렉션에 연결을 마친 상태의 화면

• 컬렉션 이름 옆에 “Pages”가 붙은 항목은 모두 CMS의 Detail Page입니다.

• 이 구조를 활용하면 동일한 레이아웃을 다양한 CMS 콘텐츠에 적용할 수 있습니다.

• 복제 후 반드시 경로(/url/:slug)와 컬렉션 연결을 변경해야 충돌 없이 사용할 수 있습니다.

본 글은 Framer 공식 블로그의 ‘How to Duplicate a CMS Page and Connect It to a Different CMS’ 를 번역·각색한 콘텐츠입니다.