SolidTV

SolidTV is a UI framework for building high-performance TV applications. It allows you to declaratively construct UI nodes with reactive primitives, providing incredible performance on even the most constrained hardware.

Used by companies worldwide

Need Support?

SolidTV Docs

Join the SolidTV Discord - #SolidTV channel and message chiefcll

Documentation

SolidTV Docs

AI Coding Guidelines

Demo App

SolidTV TMDB Demo App

Tested and working on Chrome < 38 and could go earlier

Playground

playground.solidjs.com

Quick Start

Clone starter template:

> npx degit solid-tv/solid-starter-template my-app
> cd my-app
> npm i # or yarn or pnpm
> npm start # or yarn or pnpm

Video Quick (actually it's long) Start

Read the article: https://medium.com/@chiefcll/lightning-3-the-basics-of-solidjs-e6e21d73205e

Hello World

import { render, Text } from '@solidtv/solid';

render(() => <Text>Hello World</Text>);

For a more detailed Hello World guide check out the Hello World guide.

Migration Guide from previous repo:

If you're migrating from https://github.com/lightning-js/solid

Find and replace: "@solidtv/solid-primitives" with "@solidtv/solid/primitives" "@solidtv/solid" with "@solidtv/solid"

Update vite.config to dedupe solid:

resolve: {
    dedupe: [
      "solid-js",
      "@solidtv/solid",
      "@solidtv/solid/primitives",
      "@solidtv/solid-ui",
    ],
  },

If you don't want to find and replace you can use alias

resolve: {
    alias: {
      "@solidtv/solid": "@solidtv/solid",
      "@solidtv/solid-primitives": "@solidtv/solid/primitives",
    },
  },