Concorde guide — Installation. Start a new project from the official starter. It sets up Vite, TypeScript, Lit, Tailwind and Concorde in one command. Doc ID: docs/getting-started/installation. Keywords: Concorde, supersoniks, docs/getting-started/installation, installation, Installation, guide, npx concorde enable-short-paths, yarn ai:sync, yarn dev, tsc --noEmit, document.querySelector, renderRoot. URL: https://concorde.supersoniks.org/docs/getting-started/installation.
Installation
Start a new project from the official starter. It sets up Vite, TypeScript, Lit, Tailwind and Concorde in one command.
Use the starter
npx @supersoniks/create-concorde-ts-starter my-app
cd my-app
yarn install
yarn dev --host
The project includes:
- an example component to copy from
npx concorde enable-short-pathsfor short import pathsyarn ai:syncfor AI agent skills
Package: create-concorde-ts-starter.
Stack
| Tool | Role |
|---|---|
| Lit | Base class, templates and reactive properties for web components |
| TypeScript | Decorators and typed store paths |
| Vite | Dev server and build |
| Tailwind | Optional, layout in your components. Concorde components ship their own styles, driven by theme variables |
Gotchas
yarn devdoes not type-check. Runtsc --noEmitor a production build to catch type errors.- Scripts that query the global document (
document.querySelector, jQuery plugins, icon replacers) cannot see inside a shadow root. Query from the component'srenderRoot, or pass the element as slotted content.