sidebar_position: 1

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