# tachiyomiorg/website architecture

> Architecture diagram of the GitHub repository tachiyomiorg/website, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/tachiyomiorg/website
- Repository: https://github.com/tachiyomiorg/website

## Overview

This repository is the official Tachiyomi website, not the Android reader itself. Its primary workflow is for a visitor to find product guidance and FAQs; it also publishes extension information, news, changelogs, and privacy information. The tree shows a VitePress site with a custom theme and extension-related UI, but sampled source does not establish the page-to-component wiring or the query’s data source, so those relationships are left out.

Main entry points: [`website/src/.vitepress/config.ts`](https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/config.ts) (Tachiyomi website), [`website/src/docs/guides`](https://github.com/tachiyomiorg/website/tree/main/website/src/docs/guides) (Guides), [`website/src/docs/faq`](https://github.com/tachiyomiorg/website/tree/main/website/src/docs/faq) (FAQs), [`website/src/extensions/index.md`](https://github.com/tachiyomiorg/website/blob/main/website/src/extensions/index.md) (Extensions page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_content["Site content"]
  node_guides["Guides"]
  node_faq["FAQs"]
  node_extensions["Extensions page<br/>[index.md]"]
  node_news["News"]
  node_changelogs["Changelogs<br/>[index.md]"]
  node_privacy["Privacy<br/>[index.md]"]
end

subgraph group_presentation["Site presentation"]
  node_layout["Theme layout<br/>[Layout.vue]"]
  node_extension_ui["Extension UI<br/>[Extensions]"]
  node_extension_query["Extension query"]
  node_theme_data["Theme data<br/>[data]"]
end

subgraph group_site["Site configuration"]
  node_website["Tachiyomi website<br/>[config.ts]"]
  node_site_hooks["Site hooks<br/>[hooks]"]
end

node_visitor(("Visitor"))

node_visitor -->|"visits"| node_website
node_website -->|"presents"| node_guides
node_website -->|"presents"| node_faq
node_website -->|"presents"| node_extensions
node_website -->|"presents"| node_news
node_website -->|"presents"| node_changelogs
node_website -->|"presents"| node_privacy

click node_website "https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/config.ts"
click node_guides "https://github.com/tachiyomiorg/website/tree/main/website/src/docs/guides"
click node_faq "https://github.com/tachiyomiorg/website/tree/main/website/src/docs/faq"
click node_extensions "https://github.com/tachiyomiorg/website/blob/main/website/src/extensions/index.md"
click node_news "https://github.com/tachiyomiorg/website/tree/main/website/src/news"
click node_changelogs "https://github.com/tachiyomiorg/website/blob/main/website/src/changelogs/index.md"
click node_privacy "https://github.com/tachiyomiorg/website/blob/main/website/src/privacy/index.md"
click node_layout "https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/theme/Layout.vue"
click node_extension_ui "https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/theme/components/Extensions"
click node_extension_query "https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/theme/queries/useExtensionsRepositoryQuery.ts"
click node_theme_data "https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/theme/data"
click node_site_hooks "https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/config/hooks"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_guides,node_faq,node_extensions,node_news,node_changelogs,node_privacy toneBlue
class node_layout,node_extension_ui,node_extension_query,node_theme_data toneAmber
class node_website,node_site_hooks toneMint
class node_visitor toneIndigo
```

## Components

### Site content

- [Guides](https://github.com/tachiyomiorg/website/tree/main/website/src/docs/guides): `website/src/docs/guides`
- [FAQs](https://github.com/tachiyomiorg/website/tree/main/website/src/docs/faq): `website/src/docs/faq`
- [Extensions page](https://github.com/tachiyomiorg/website/blob/main/website/src/extensions/index.md): `website/src/extensions/index.md`
- [News](https://github.com/tachiyomiorg/website/tree/main/website/src/news): `website/src/news`
- [Changelogs](https://github.com/tachiyomiorg/website/blob/main/website/src/changelogs/index.md): `website/src/changelogs/index.md`
- [Privacy](https://github.com/tachiyomiorg/website/blob/main/website/src/privacy/index.md): `website/src/privacy/index.md`

### Site presentation

- [Theme layout](https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/theme/Layout.vue): `website/src/.vitepress/theme/Layout.vue`
- [Extension UI](https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/theme/components/Extensions): `website/src/.vitepress/theme/components/Extensions`
- [Extension query](https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/theme/queries/useExtensionsRepositoryQuery.ts): `website/src/.vitepress/theme/queries/useExtensionsRepositoryQuery.ts`
- [Theme data](https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/theme/data): `website/src/.vitepress/theme/data`

### Site configuration

- [Tachiyomi website](https://github.com/tachiyomiorg/website/blob/main/website/src/.vitepress/config.ts): `website/src/.vitepress/config.ts`
- [Site hooks](https://github.com/tachiyomiorg/website/tree/main/website/src/.vitepress/config/hooks): `website/src/.vitepress/config/hooks`

### Other components

- **Visitor**

## Connections

- Visitor → Tachiyomi website: visits
- Tachiyomi website → Guides: presents
- Tachiyomi website → FAQs: presents
- Tachiyomi website → Extensions page: presents
- Tachiyomi website → News: presents
- Tachiyomi website → Changelogs: presents
- Tachiyomi website → Privacy: presents