GigaOM Radar Edge Platform Leader & Outperformer 2024 | 
고객 스냅샷
Edgio가 munko.io로 토클라스의 발전을 어떻게 변화시켰는지 알아보십시오.
Web3 지원 회사인 Toklas는 최근 Edgio와 제휴하여 디지털 대체 불가능한 토큰(NFT) 거래 플랫폼인 munko.io를 구축했습니다. Web3의 영역은 새롭고 복잡하며 높은 수준의 기술적 전문성이 필요합니다.
토클라스의 도전
Toklas는 다양한 기술 스택을 원활하게 결합하여 고유한 제품을 전달하는 정보 흐름을 만들 수 있는 숙련된 엔지니어 팀이 필요했습니다.
토클라스의 솔루션
Toklas와 Edgio는 고객이 독특한 Munkos를 구매, 판매, 소유 및 생성하는 신흥 NFT 산업에서 헤드리스 고성능 웹 사이트를 구축했습니다. 이 사이트는 세계적으로 유명한 아티스트 데이비드 최 씨가 디자인한 Munkos라는 독특한 NFT 비디오 아트 1만 점의 모음집이 되었습니다. Munkos는 사이트를 개설한 지 몇 주 만에 매진되었습니다.
성공적인 프로젝트를 위해서는 보완적인 기술을 가진 개인이 협력하고 지식을 공유하는 것이 중요했습니다. Edgio의 Expert Services 팀은 선택한 기술 스택에 대한 깊은 지식을 가져왔으며, 처음부터 인터랙티브하고 빠르고 진보적인 웹 앱을 빠르게 구성하기 위한 계획을 설명했습니다.
토클라스 CTO 저스틴 메트로스는 자신의 약한 분야 중 하나에 전문 지식을 가져온 특정 우크라이나 엔지니어를 호출, “나는 우리가 숙련되고 신뢰할 수있는 팀과 함께 일하고 있다는 것을 알고 프로젝트에 자신감을 가지고 있었다.” Edgio 우크라이나 팀은 계속되는 전쟁에도 불구하고 생산성, 의사 소통 및 유연성을 기꺼이 기꺼이하는 것으로 유명해졌습니다.
UX/UI 설계, 프런트 엔드 엔지니어링, 백엔드 엔지니어링, DevOps 등 여러 팀의 협업을 통해 생산성을 극대화했습니다. Edgio Expert Services 제품 관리자는 각 팀을 지원하여 효과적인 프로젝트 조정을 제공하고 이정표가 제시간에 달성되도록 보장했습니다.
“Edgio는 프로젝트에 적합한 고도로 숙련된 개발자를 제공했으며, 이는 작업 속도에 결정적인 영향을 미쳤습니다.”
“우리는 가족을 해외로 옮기는 와중에 원활한 제품을 제공 한 우크라이나 엔지니어들을 인정하고 싶습니다. 그들은 팀 플레이어, 좋은 청취자, 좋은 학습자였습니다. 팀이 얼마나 양심적이고 전문적인지에 대한 이야기입니다. “
롤레 호건, 토클라스 CEO
Edgio는 아티스트 Choe의 비전있는 천재성과 브랜드 목표를 보완하기 위해 사이트의 UI/UX 디자인을 전달하고 실행했습니다. Color 스킴, 타이포그래피, 아이코노그래피는 브랜드의 초창기 아이덴티티를 반영하도록 설계되었으며, 공백, 미니멀리즘, 계층 구조는 사용자가 행동을 취할 수 있도록 안내합니다. 웹 디자인 모범 사례를 통해 munko.io는 웹 및 모바일 모두에서 높은 유용성, 접근성 및 응답성으로 방문자를 유치하고 전환하도록 구축되었습니다.
Edgio는 munko.io의 기본 웹 사이트를 4개월 이내에 성공적으로 제공했습니다. 이는 Edgio의 응용 프로그램 플랫폼에 배포된 Remix 프런트 엔드 프레임워크를 사용하여 가능해졌습니다. 또한 Moralis 중간 계층은 블록 체인에서 중요한 비즈니스 데이터를 효율적으로 가져 오는 데 사용되었습니다.
최적의 성능을 달성하기 위해 Edgio Applications 플랫폼은 동적 데이터와 정적 데이터 모두에 대한 캐싱 계층으로 구현되었습니다. 로딩 시간을 더욱 단축하기 위해 애플리케이션은 가능할 때마다 블록체인에 가까운 소스에서 데이터를 검색하도록 설계되었습니다. 이 프로세스는 서버 측 렌더링과 증분 정적 재생성을 사용하여 간소화되었는데, Remix가 일반적으로 지원하지 않는 접근 방식이지만 Edgio 팀이 가능하게했습니다. Remix와 Edgio 간의 정교한 통합을 활용하여 동적 데이터를 적극적으로 캐싱함으로써 사이트의 속도와 응답성이 크게 향상되었습니다.
“우리의 제품 매니저는 매우 기술적이고 매우 경험이 많았습니다. 그것 자체만으로도 우리 팀은 다른 엔지니어링 작업에 집중할 수 있었습니다.”
Justin Metros, 토클라스 CTO
또한 Edgio는 여러 Web3 API 및 애플리케이션을 통합했는데, 예를 들어 독점 알고리즘을 사용하여 토큰 보유자를 위해 고유하고 사용자 지정된 Munko 토큰을 생성하는 Typeform 설문지 등이 있습니다. Edgio는 Moralis.io API를 사용하여 NFT 거래를 Ethereum 블록체인에 직접 기록하고 메타 마스크 지갑을 원활하게 통합하여 암호화 구매를 가능하게했습니다.
Munko 프로젝트에서는 특정 수준의 액세스 제어가 필요한 보호된 경로를 관리하는 것이 매우 중요했습니다. 세계 최초의 JavaScript 구성 가능 CDN(콘텐츠 전송 네트워크)인 EdgeJS를 사용하면 동일한 코드베이스 내에서 구성되고 동일한 리포지토리에 커밋되는 JavaScript를 사용하여 모든 경로를 효과적으로 관리할 수 있습니다. 이를 통해 다른 서버에 외부 도구가 필요하지 않아 운영이 간소화되고, 향상된 보안 수단을 통해 모든 것이 버전 제어로 유지됩니다.
“우리는 블록체인에서 데이터를 얻고 모든 2.0 사이트처럼 빠르게 서비스를 제공합니다.”
Justin Metros, 토클라스 CTO
핵심 웹 바이탈을 통과하고 높은 성과를 달성하는 것이 Toklas 팀의 최우선 과제였습니다. Edgio의 Core Web Vital 대시보드를 통해 Munko 개발자는 실제 사용자가 PageSpeed Insights를 통해 28일 간격으로 에지에서 어떤 경험을 하고 있는지 실시간으로 확인할 수 있습니다.
Edgio DevTools를 활용하는 것은 성능 최적화 과정에서 특히 유용하게 사용되었습니다. DevTools는 사이트의 변경 사항에 대한 실시간 성능 피드백을 제공하는 위젯입니다. 개발자는 업데이트가 성능에 영향을 미치는지 즉시 파악하고 그에 따라 최적화할 수 있습니다.
“이것은 나에게 실시간 웹 중요한 피드백을 제공합니다. 내가 일하는 동안 그것을 가지고 있어야하며, 돌아 갈 필요가 없습니다.”
Justin Metros, 토클라스 CTO
결과
Edgio와 Toklas 팀은 함께 상상력이 풍부한 NFT 매장을 성공적으로 구축하여 출시 후 2 주 이내에 7,000 건이 넘는 Munko NFT 거래를 오류나 가동 중지 시간 없이 처리했습니다.
Munko의 판매는 확립된 프로젝트 목표를 달성하지 않았다면 불가능했을 것입니다.
- 최소한의 램프업 시간으로 복잡한 프로젝트를 위해 숙련된 엔지니어 팀을 구성합니다.
- Moralis 중간 레이어로 Edgio에 배포된 Remix 프런트 엔드 프레임워크 구축
- 안전한 구매를 위해 Typeform 설문지 및 메타 마스크 지갑을 포함한 Web3 API 및 애플리케이션 통합
- Core Web Vitals를 전달하여 원활한 사용자 경험 보장
