Atlas가 제공하는 헤드리스로 한계를 뛰어넘다

이제 헤드리스 솔루션에 대해 진지하게 생각할 때입니다. 실제 기업과 대행사는 개발자에게 모든 프런트 엔드 스택을 사용할 수 있는 유연성을 제공하고 콘텐츠 제작자가 선호하는 게시 인터페이스를 사용할 수 있도록 하는 헤드리스 웹 경험을 만들고 있습니다.

이 세션에서 WP Engine 제품 이사 Jason Konen은 WP Engine의 헤드리스 WordPress 솔루션인 Atlas를 통해 우리가 이룩한 발전을 요약하고 2023년에 우리가 추구할 발전을 엿볼 수 있습니다.

세션 슬라이드:

성적 증명서:

제이슨 코넨: 안녕하세요, 저는 제이슨 코넨입니다. 저는 여기 WP Engine의 Atlas 제품 책임자입니다. 오늘은 Atlas로 구동되는 Headless를 넘어선 것에 대해 이야기하고 싶습니다. 그래서 우리가 지금 실제로 보고 있는 것은 시장의 엄청난 변화입니다. 기업의 64%가 현재 헤드리스 접근 방식을 사용하고 있으며 90%가 향후 12개월 내에 이를 수행할 것으로 예상되는 스마트폰이 나온 이후 가장 큰 변화일 것입니다. 엄청난 숫자입니다. 그리고 우리는 WordPress 커뮤니티가 지난 몇 년 동안 Headless에서 성장해 왔다는 것을 알고 있습니다. 우리는 이러한 요구를 충족하기 위해 일부 파트너와 매우 긴밀하게 협력하고 많은 Headless WordPress 사이트를 배포했습니다.

우리가 보는 것 중 하나는 Headless가 개발자에게 실제로 힘을 실어준다는 것입니다. 따라서 최신 CMS에는 정말 멋진 기능이 있습니다. 그러나 우리가 발견한 것은 게시자의 권한을 실제로 박탈한다는 것입니다. 따라서 처음부터 헤드리스용으로 특별히 제작된 이 헤드리스 CMS는 정말 흥미롭고 개발자에게 정말 도움이 되지만 퍼블리셔는 몇 가지를 잃게 됩니다. 그들은 테마와 페이지 레이아웃, SEO 도구 등을 잃습니다. 그러나 WordPress는 게시자에게 실제로 권한을 부여하며 항상 그랬습니다. 코어에서 생태계의 모든 플러그인, 모든 테마 및 커뮤니티에 이르기까지.

따라서 퍼블리셔가 메시지, 텍스트, 서식 지정, A/B 테스트, SEO 도구, 테마 변경, 무거운 개발 없이 모든 작업을 제어할 수 있습니다. 그러나 우리는 Headless가 그것을 제거하고 그 힘을 제거한다고 말했습니다. 그러나 우리는 Headless WordPress가 개발자와 개발자가 원하는 것뿐만 아니라 퍼블리셔와 개발자가 하려는 일을 모두에게 제공한다고 믿습니다. 따라서 "작업에 가장 적합한 도구는 무엇인가"로 본다면 개발자는 확장하고, 코드를 과도하게 사용하고, 최신 기술을 사용하고, 업계와 함께 성장할 수 있는 최신 기술 스택으로 작업하기를 원할 것입니다. 반면 게시자는 많은 변경 작업을 수행하지 않고도 20년 동안 알고 사랑해 온 CMS 도구를 사용할 수 있기를 원합니다.

여기에서 Atlas가 등장합니다. Atlas 플랫폼은 퍼블리셔와 개발자 모두를 만족시키도록 설계되었습니다. 동급 최강의 WordPress 호스팅이 이에 대한 기반이지만 자동 확장 및 복구 노드 호스팅을 계층화하여 WordPress 위에 최신 웹 애플리케이션을 구축할 수 있습니다. 우리는 사전 구성된 에지 캐싱, CI/CD 도구 및 비교할 수 없는 성능과 보안을 보유하고 있으며 모두 성장하고 있는 커뮤니티에서 성장하고 있는 에코시스템 위에 구축되었습니다. WP GraphQL과 새로운 기능인 Smart Cache, 곧 출시될 제품인 Atlas Search. 헤드리스 WordPress 사이트를 구축하기 위한 헤드리스 프레임워크인 Faust.JS, 작년에 WP 엔진 제품군에 도입한 고급 사용자 정의 필드, Atlas Content Modeler 기능을 ACF에 바로 도입하기 위해 열심히 노력해 왔습니다.

청사진과 그 이상, 이미 알고 있고 사랑하고 있는 세계적인 수준의 지원을 잊지 마십시오. 이제 성능에 대해 조금 이야기하고 싶습니다. 최근에 슈퍼볼 기간 동안 몇 개의 광고를 실행한 고객이 있었습니다. 그리고 이와 같은 이벤트에서 얻게 될 트래픽 유형을 테스트할 수도 없습니다. 이 차트에서 여기를 보면 여섯 번째, 여덟 번째, 아홉 번째에 세 개의 작은 스파이크가 있습니다. 그것들은 그들의 부하 테스트였기 때문에 그들은 슈퍼볼 동안 그들이 예상했던 모든 트래픽에 대해 "이 사이트가 버틸 것인가"를 확인하기 위해 테스트했습니다. 그리고 나중에 차트에서 두 개의 거대한 스파이크를 볼 수 있으며 이는 슈퍼볼을 통해 실행된 두 개의 광고에 해당합니다. 그들이 예상했던 트래픽의 10배. 그리고 이것은 엄청나게 성공적이었습니다.

단 몇 분 만에 1,000만 건의 요청으로 갑작스러운 10배 급증에도 이전, 도중, 이후에 일관된 성능을 보였습니다. DDoS 공격은 에지에서 완화되어 모든 종류의 애플리케이션 성능 문제를 방지했습니다. 전체 프런트 엔드의 99%는 슈퍼볼 기간 동안 2,700만 건의 요청을 처리하는 동안 첫 번째 바이트까지 151밀리초, 렌더링하는 데 700밀리초로 캐시되었습니다. 따라서 트래픽이 가장 많은 시간에 사이트에 갔다면 이러한 부하 상태에 있다는 사실을 전혀 몰랐을 것입니다. 이것이 Headless WordPress 사이트가 제공할 수 있는 일종의 성능입니다. 그리고 우리는 그것을 Atlas 플랫폼에 내장했습니다.

Google은 고객 및 이 광고의 대행사와 협력하여 사이트의 성능과 최적화를 보장하기 위해 열심히 노력하고 있습니다. 우리가 고객과 함께 하는 일은 사이트의 성능, 속도, 보안을 보장하기 위해 모든 모범 사례를 사용하고 있는지 확인하는 것입니다. 그래서 Atlas 팀에서 하는 중요한 일 중 하나는 고객 및 대행사 파트너의 의견을 경청하고 협력하는 것입니다. 우리는 듣고, 배우고, 풀어줍니다. 그리고 Atlas를 위해 2022년에 출시한 많은 것들이 여기 있습니다.

제가 전달하고 싶은 것은 우리가 이 분야에 얼마나 많은 투자를 하고 있는지입니다. 우리는 헤드리스 WordPress가 성공을 위해 현대 사이트가 필요로 하는 성능과 개발자 경험에 세계 최고 수준의 CMS를 제공한다고 정말로 믿습니다. 그래서 우리가 정말로 구축해야 할 것이 무엇인지, 당신이 성공할 수 있도록 돕기 위해 정말로 필요한 것이 무엇인지에 대해 당신과 계속 협력함에 따라 당신은 여기에서 점점 더 많은 투자를 보게 될 것입니다. 우리가 꽤 빠르게 움직이기 때문에 2주에 한 번은 아니더라도 적어도 한 달에 한 번은 계속해서 제품을 출시하는 것을 보게 될 것입니다. 그리고 귀하의 피드백은 우리에게 매우 중요합니다.

이 목록에서 조금 더 깊이 이야기하고 싶은 몇 가지 사항은 다음과 같습니다. Faust.js. 이것이 WordPress용 Headless 프레임워크입니다. 우리는 이것을 2021년에 구축하고 출시했습니다. 그리고 우리는 여러분으로부터 많은 피드백을 받았고 훌륭했습니다. 그리고 우리는 그 피드백을 받아들여 재구축했습니다. 개발자가 확장하는 데 필요한 방식으로 확장되지 않았기 때문입니다. 우리는 G-qty에서 제공하는 쿼리 언어를 사용했고 그 언어가 마법 같은 일을 했지만 우리가 원하는 대로 확장되지 않는다는 것을 발견했습니다. 그래서 우리는 그것을 업계 표준인 Apollo로 교체했습니다. 그리고 그것은 프레임워크에 훨씬 더 많은 유연성을 허용했습니다.

또한 전체 템플릿 계층 구조 지원을 출시했습니다. 따라서 진정한 WordPress 개발자이고 몇 년 동안 WordPress 계층 구조를 다루어 왔다면 이것은 매우 친숙할 것입니다. 무슨 일이 일어나고 있는지 정확히 이해하게 될 것입니다. 필요에 따라 확장할 수 있도록 플러그인 아키텍처도 추가했습니다. 인증, WordPress에서 바로 콘텐츠 미리보기, 마케터가 사이트를 구축할 때 기대하는 것. 그래서 그것은 커뮤니티가 우리에게 준 모든 피드백에서 정말 영감을 받은 정말 큰 릴리스였습니다. 그리고 우리는 계속 그렇게 하고 있습니다. 오늘 사용할 수 있는 다음 큰 기능은 Gutenberg Block 지원입니다.

그래서 이것은 새로운 것입니다. 그리고 기본적으로 우리가 하려는 것은 게시자가 WordPress에서 사용하는 데 사용하는 블록을 많은 추가 작업 없이 노드 애플리케이션의 프런트 엔드에서 액세스할 수 있도록 개발자가 보장할 수 있도록 하는 것입니다. 쉽고 관리하기 쉬운 개발 경험과 함께 게시자가 기대하는 경험을 제공할 수 있습니다. 그리고 나중에 DE{CODE}에서 이것에 대한 세션이 있습니다. 여러분 모두 참석하셔서 이를 통해 배우시기 바랍니다. 이 핵심 기능을 계속 반복하면서 여기에서 귀하의 피드백을 환영합니다.

WordPress를 Headless로 전환할 때 누락된 또 다른 사항은 툴바입니다. 많은 게시자는 웹 페이지로 이동하여 "콘텐츠 편집"을 클릭하고 바로 편집기로 이동하여 즉석에서 콘텐츠를 변경할 수 있는 데 익숙합니다. 글쎄, 그것은 당신이 Headless로 갔을 때 사라졌습니다. 그래서 우리는 그것을 Faust에 다시 추가하고 있습니다. 따라서 기존 WordPress 도구 모음에서와 마찬가지로 콘텐츠를 편집하고 연결을 디버그하는 등의 작업을 수행할 수 있습니다. 또한 기존 WordPress에는 존재하지 않는 툴바에 가져올 수 있는 정말 흥미로운 것들이 있다고 생각합니다. 서버 성능, 배포 상태 등과 같은 것들은 이 특정 기능에 대해 우리가 가지고 있는 많은 아이디어입니다.

그래서 제가 Faust와 이야기하고 싶은 또 다른 것은 Faust가 Apollo와 React 및 Next.js 위에 구축되었다는 것입니다. 그것은 그것을 확장하고 최신 JavaScript 개발자를 위해 WordPress 작업을 훨씬 쉽게 만듭니다. 당신은 그것을 사용할 필요가 없습니다. 우리는 Atlas에서 프레임워크에 구애받지 않습니다. 하지만 최선의 방법에 대한 권장 사항을 찾고 있다면 권장 사항은 Faust입니다. 제가 소개하고 싶은 여기 DE{CODE}에서 오늘 출시되는 또 다른 핵심 기능은 Atlas Search입니다. 작년 DE{CODE}에서 많은 분들이 사용해 볼 수 있는 공개 베타 버전이 있었던 Atlas Search를 기억하실 것입니다. 그리고 많은 분들이 1년 동안 제공해주신 많은 피드백 덕분에 오늘 출시할 수 있는 완벽한 기능이 되었습니다.

독점 API가 없는 최초의 GraphQL이며 완전히 확장 가능합니다. ACF 및 사용자 정의 게시물 유형 지원, 패싯 브라우징, 가중치 및 사용자 정의 결과, 형태소 분석, 퍼지 및 제외를 포함한 완전한 기능 세트가 있으며 무엇보다도 검색 작업 또는 대역폭에 제한이 없습니다. 우리는 이것을 간단하고 쉽게 사용할 수 있도록 만들고 싶습니다. 이에 관심이 있으시면 Atlas 검색에 대한 추가 정보를 확인하십시오.

그리고 지난 몇 분기 동안 우리가 출시한 것을 알지 못할 수도 있는 몇 가지 다른 주요 릴리스: 미리 보기 환경. 따라서 설문 조사 요청을 미리 보려면 환경을 자동으로 설정할 수 있습니다. 따라서 테스트와 QA가 매우 쉬워집니다. 누가 어떤 브랜치를 보고 있는지, 어디에서 어떤 환경을 보고 있는지 파악하는 모든 작업을 수행할 필요가 없습니다. 설문 요청에 따라 이러한 임시 환경 중 하나를 자동으로 만들 수 있습니다.

웹후크 재구축도 있습니다. 따라서 이를 사용하여 필요한 비즈니스 로직에 따라 빌드를 트리거할 수 있습니다. 그것은 또한 오늘날 살아있는 것입니다. 이를 통해 즉각적인 롤백도 가능합니다. 따라서 작동하지 않는 경우 사이트의 이전 버전으로 재배포할 수 있습니다. 또한 실시간 빌드 로그와 빌드 취소 기능도 있습니다. 따라서 문제가 발생하는 경우 계속 진행하여 취소하면 오류를 확인하고 변경하고 해당 사이트를 다시 빌드할 수 있습니다. 그리고 많은 분들이 요구하는 또 다른 기능은 기존 WordPress와 마찬가지로 비밀번호 보호였습니다. 고객이 보고 승인하기를 원하는 미리 보기 환경이 있을 수 있습니다. 라이브로 만들고 사용할 수 있도록 암호를 입력하십시오.

이제 저는 여러분에게 미래에 대해 조금 더 이야기하고 싶습니다. 우리는 내년에 Atlas에 대해 여러 가지 놀라운 일을 계획하고 있습니다. 하지만 현실에 더 가깝고 앞으로 몇 달 안에 보게 될 몇 가지에 대해 이야기하고 싶습니다. 첫 번째는 고급 모니터링 및 분석입니다. 우리는 당신이 더 많은 정보, 더 많은 분석, 내 사이트에서 무슨 일이 일어나고 있는지를 원한다는 말을 매우 자주 들었습니다. 내 트래픽은 어떻게 생겼습니까? 액세스 로그는 어떻게 보입니까? 그래서 우리는 당신이 그것을 묻지 않고도 볼 수 있도록 당신에게 표면화하고 싶습니다.

이를 사용하여 캠페인, 코드, 사이트를 최적화할 수 있습니다. 또한 GraphQL 모니터링 및 경고를 추가할 예정입니다. 실시간으로 GraphQL 쿼리에서 정확히 무슨 일이 일어나고 있습니까? 성능을 최적화할 수 있습니다. 가장 최적의 경험을 얻기 위해 다양한 쿼리를 많이 조정해야 하는 Super Bowl 광고에 대해 앞서 언급했습니다. 그렇다면 빌드를 수행하면서 직접 최적화할 수 있도록 모든 정보를 손쉽게 제공할 수 있다면 어떨까요? 그것이 여기의 목표입니다.

또한 CI/CD 경험을 개선하고자 합니다. 따라서 현재 자동 배포 등을 수행하지만 존재하지 않는 배포 파이프라인이 있습니다. 예를 들어, 백엔드와 WordPress 및 Node의 프런트 엔드를 모두 변경하는 경우 올바른 경험을 얻기 위해 두 가지를 동시에 배포하는 방법은 무엇입니까? 따라서 우리는 WordPress 및 Node.js에서 관리되는 배포와 함께 프로젝트에 대해 구축된 파이프라인을 구축하고 관리할 수 있는 방법을 연구할 것입니다. 우리가 많이 듣는 또 다른 큰 항목은 헤드리스 개인화 및 현지화입니다. 이러한 웹 사이트가 점점 더 표적화됨에 따라 사이트를 개인화하고 현지화하는 데 필요한 모든 도구를 갖추게 되기를 바랍니다. 그래서 우리는 그것이 실현될 수 있는 방법에 대한 아이디어를 연구하고 있습니다.

제가 Headless 개인화 또는 현지화라고 말할 때 그것은 많은 다른 사람들에게 많은 것을 의미할 수 있기 때문에 여러분의 도움을 정말 환영합니다. 따라서 귀하에게 적합한 역량을 구축할 수 있도록 귀하가 이 분야에서 하고 있는 일이 무엇인지 이해하기 위해 귀하의 의견을 듣고 싶습니다. 우리는 또한 Headless Block 라이브러리를 구축하고 있습니다. 이것은 앞서 언급한 React Gutenberg Bridge 프로젝트의 확장이며 나중에 DE{CODE} 이벤트에서 해당 세션에 참석하시기 바랍니다. 그러나 우리는 워드프레스에서 가장 일반적으로 사용되는 블록의 라이브러리를 제공하여 사용자가 바로 사용할 수 있도록 모두 설정되고 연결되어 있으므로 사용자가 해당 작업을 수행할 필요가 없습니다.

또한 이를 패턴으로 사용하여 필요에 따라 사용자 지정 블록에 연결할 수 있습니다. 장기적인 희망은 개발자가 재사용 가능한 구성 요소의 라이브러리를 구축하고 커뮤니티와 공유하여 우리 모두가 프로젝트를 시작할 수 있도록 하는 것입니다. 그리고 파우스트에 대해 말하면서 저는 우리가 여기에 가지고 있는 지속적인 투자를 말하고 싶습니다. 앞서 말했듯이 Faust는 Apollo, React 및 Next.js를 사용합니다. 그리고 우리는 플랫폼에 더 많은 기능을 추가하여 이러한 구성 요소를 지원하여 더 빠르고 안전하게 실행되고 Atlas에서 개발하기가 정말 쉬워질 것입니다.

이제 정말 흥미로운 주제에 대해 이야기하고 싶습니다. 이 질문은 우리가 몇 주 전에 가졌던 원탁 회의에서 물었습니다. 내 생각에 질문은 정확히 왜 모두가 Headless를 그렇게 많이 추진하는 것입니까? 그래서 저는 Headless가 모든 프로젝트에 적합한 것인지에 대해 이야기하고 싶습니다. 높은 수준에서는 그렇지 않다고 생각합니다. 작업에 적합한 도구를 선택해야 합니다. 그리고 Headless는 매우 안전하고 싶은 최신 웹 스택에서 매우 빠르고 성능이 뛰어난 무언가를 구축하려고 할 때 정말 탁월합니다. 복잡한 프로젝트가 있을 때 탁월합니다. 성능이 가장 중요할 때 탁월합니다.

Headless에 작은 브로셔 사이트를 구축하는 것이 좋습니다. 트래픽이 많이 발생하여 실적이 저조한 이력이 있는 사이트가 아니거나 성능을 개선해야 하거나 실험을 하려는 경우가 아니면 반드시 그런 것은 아닙니다. 그들은 일반적으로 작기 때문에 실험하기에 완벽한 사이트입니다. 그러나 대규모 미디어 사이트나 전자 상거래 사이트를 운영하고 있다면 헤드리스를 추천합니다. 헤드리스를 사용하면 매우 구성 가능한 방식으로 이러한 사이트를 구축하고 다른 시스템에서 데이터를 가져오고 옴니채널 경험을 구축할 수 있기 때문입니다. 빠르고 성능이 좋습니다.

게시자가 WordPress를 좋아한다는 것을 알기 때문에 Headless WordPress를 추천합니다. 콘텐츠 관리 및 개발을 위한 최고의 CMS입니다. 따라서 게시자와 개발자를 만족시키는 동시에 매우 유연하고 믿을 수 없을 정도로 성능이 뛰어난 사이트를 보유하는 방식으로 그렇게 하고 싶지 않은 이유는 무엇입니까?

WordPress를 훌륭한 헤드리스 CMS로 만들기 위한 임무를 계속 수행하는 동안 오늘 시간을 내주시고 지속적인 피드백과 파트너십에 감사드립니다. 오늘 DE{CODE} 이벤트에서 다른 여러 Headless 세션이 있습니다. 우리는 항상 귀하와 협력하고 귀하의 사이트 개발에 중요하다고 생각하는 사항을 듣게 되어 매우 기쁩니다. 감사합니다.