Accedo Build Elevate CTV

For a detailed overview of Elevate across platforms please visit Build Elevate Confluence Page

What is Elevate

An advanced application starting point that jump-starts the development process with user flows, page templates, UI components populated with content, and base integrations ready for customization.

warning

Build Elevate is being develop and tested with an aim on a hosted app model

Features Overview

• Elevate Hosted Demo
• Elevate Figma Design files
• Build around multiple services (cms, idp, entitlement, ovp, etc)
• Ready to develop
  • Complete the VDKWEB Get Started tutorial
  • npm ci && npm start launch a dev server with hot reloading
• Documented w. hosted or local versions
  • Elevate Components • Storybook or npm run storybook http://localhost:6006
  • Elevate Documentation • Docusaurus or npm run docs:docusaurus http://localhost:4000
  • Elevate JSDoc or npm run docs:jsdoc:serve http://localhost:3010
• Complete List of features
• Tooling to bundle, test, deploy, etc.

Requirements

• node 14+
• npm 6+
• Colima/Docker (For local testing of the deployment containers)

Where to start with Elevate CTV

We recommend starting with the next links

• VDKWEB Get Started
• Build Elevate Confluence Page
• Accedo Academy • Elevate 101
• Elevate Documentation • Architecture
• HowTo's Use as a reference for common tasks
  • How to use your own (CMS) provider
  • How to create a new page in Elevate
  • How to skip a route from the navigation system
  • How to extend an Elevate Component
  • How to use the Player component

Once you complete reviewing all the material you will be ready to start and hack an Elevate project

$ npm i -g @accedo/vdkweb-cli
$ vdk create app elevate-app -g @accedo/generator-build-template-elevate-ctv
$ cd elevate-app
$ npm ci
$ npm start
# Now Elevate dev server will be available on http://localhost:3000
# It comes with hot reloading, so hack, check the result and relax!

Elevate for maintainers

• Elevate Deployments

---

Common Pitfalls

npm ci throws "npm ERR! Could not resolve dependency:"

This is an error related to how npm 8+ (comes with node 16+) handles the peer dependencies. To solve it use the next commands

$ npm install --legacy-peer-deps
$ NODE_OPTIONS=--openssl-legacy-provider npm start
$ NODE_OPTIONS=--openssl-legacy-provider npm build

npm start on docs folder throws "SyntaxError: Unexpected token '??='"

This is an error with the node version and Docusaurus. Please use a node 16+ version to execute the documentation

nvm use
npm start