# Likec4

> Documentation for Likec4

## Pages

- [Likec4 Documentation](likec4-documentation.md)
- [Getting Started](getting-started.md): To start with the tutorial there are two options:
- [Extending model](extending-model.md): You extend the model by creating new files and folders.
- [Introduction](introduction.md): LikeC4 is a DSL for describing software architecture.
- [Model](model.md): The`model`describes architecture as a set of hierarchical elements and any relationships among them.
- [View Notations](view-notations.md): The implementation is experimental and may change in the future.
- [References](references.md): LikeC4 uses the lexical scope with hoisting, almost like in JavaScript.
- [Relationships](relationships.md): Relationships describe the connections, data flows and interactions within your model.
- [Specification](specification.md): In the`specification`you define your notation.
- [Styling](styling.md): LikeC4 provides advanced customization capabilities. You can change colors, shapes, sizes, and icons of elements and ...
- [Generated Views](generated-views.md)
- [Deploy to GitHub Pages](deploy-to-github-pages.md): :::note
- [Sample workflow for building and deploying a website to GitHub Pages](sample-workflow-for-building-and-deploying-a-website-to-github-pages.md): name: Deploy Pages
- [Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages](sets-permissions-of-the-github-token-to-allow-deployment-to-github-pages.md): permissions:
- [Allow only one concurrent deployment, skipping runs queued between the run in progress and the latest queued.](allow-only-one-concurrent-deployment-skipping-runs-queued-between-the-run-in-pro.md)
- [However, do NOT cancel in-progress runs, as we want to allow these production deployments to be completed.](however-do-not-cancel-in-progress-runs-as-we-want-to-allow-these-production-depl.md): concurrency:
- [Sample workflow for building and deploying a website to GitHub Pages](sample-workflow-for-building-and-deploying-a-website-to-github-pages-2.md): name: Deploy Pages
- [Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages](sets-permissions-of-the-github-token-to-allow-deployment-to-github-pages-2.md): permissions:
- [Allow only one concurrent deployment, skipping runs queued between the run in progress and the latest queued.](allow-only-one-concurrent-deployment-skipping-runs-queued-between-the-run-in-pro-2.md)
- [However, do NOT cancel in-progress runs, as we want to allow these production deployments to be completed.](however-do-not-cancel-in-progress-runs-as-we-want-to-allow-these-production-depl-2.md): concurrency:
- [Embed to website](embed-to-website.md): This page is under construction.
- [Deploy a static website](deploy-a-static-website.md): import { PackageManagers } from 'starlight-package-managers';
- [Enforce and validate your model](enforce-and-validate-your-model.md): import { PackageManagers } from 'starlight-package-managers';
- [LikeC4 CLI](likec4-cli.md): import { PackageManagers } from 'starlight-package-managers';
- [Then, you can call `likec4` directly:](then-you-can-call-likec4-directly.md): likec4 [command]
- [Aliases:](aliases.md): likec4 start
- [LikeC4 Docker](likec4-docker.md): import { PackageManagers } from 'starlight-package-managers';
- [(optional) use init process to correctly handle signals (eg Ctrl+C): --init](optional-use-init-process-to-correctly-handle-signals-eg-ctrlc-init.md)
- [(optional) enable color output: -t](optional-enable-color-output-t.md): docker run --rm \
- [Editors](editors.md): LikeC4 has official [extension for VSCode](https://marketplace.visualstudio.com/items?itemName=likec4.likec4-vscode) ...
- [MCP Server](mcp-server.md): LikeC4 MCP Server provides knowledge of your LikeC4 mod...
- [or](or.md): likec4 mcp --stdio
- [Start MCP server with streamable http transport](start-mcp-server-with-streamable-http-transport.md): likec4-mcp-server --http --port 1234 /path/to/workspace
- [See available options](see-available-options.md): likec4-mcp-server -h
- [GitHub Actions](github-actions.md): This action wraps [LikeC4 CLI](/tooling/cli) as a GitHub Action.
- [MkDocs plugin](mkdocs-plugin.md): Colleagues (and our sponsors) from [doubleslash.de](https://doubleslash.de/) made the MkDocs plugin that allows to in...
- [LikeC4 API](likec4-api.md): import { PackageManagers } from 'starlight-package-managers';
- [React Components](react-components.md): import { PackageManagers } from 'starlight-package-managers'
- [LikeC4 Vite Plugin](likec4-vite-plugin.md): import { PackageManagers } from 'starlight-package-managers'
- [Project config](project-config.md): To define a project, create a`likec4.config.json`file in the folder.
- [Multi-projects](multi-projects.md): Sometimes you may want to split your LikeC4 model into multiple ones, based on domains, teams, or any other criteria.
- [TypeScript/JavaScript Config](typescriptjavascript-config.md): import { PackageManagers } from 'starlight-package-managers'
- [Other options](other-options.md): likec4 gen hello --project my-project --use-dot
- [Deployment Model](deployment-model.md): Deployment Model represents another layer, _physical model_ with its own structure and elements (deployment nodes).
- [Deployment views](deployment-views.md): Deployment views allow you to visualize the deployment model, using same approach as [model views](/dsl/views/predica...
- [Dynamic views](dynamic-views.md): Dynamic view describes a particular use-case or scenario, with specific elements and interactions, defined only in th...
- [Views](views.md): LikeC4 is model-based, and views are projections of the model from various perspectives, scopes, and levels of detail...
- [Organize views](organize-views.md): You can organize views into folders to keep the workspace clean and easy to navigate.
- [View Predicates](view-predicates.md): Views are not static, they are generated from the model. Any changes in the model are applied immediately and update ...
- [Custom Generators](custom-generators.md): import { PackageManagers } from 'starlight-package-managers'
- [Other options](other-options-2.md): likec4 gen hello --project my-project --use-dot
- [Generate LikeC4Model](generate-likec4model.md): import { PackageManagers } from 'starlight-package-managers';
- [Generate React](generate-react.md): import { PackageManagers } from 'starlight-package-managers'
- [Aliases](aliases-2.md): npx likec4 generate react -o ./src/likec4.generated.js
- [Generate Web Components](generate-web-components.md): import { PackageManagers } from 'starlight-package-managers'