···11+# Starlight Starter Kit: Basics
22+33+[](https://starlight.astro.build)
44+55+```
66+npm create astro@latest -- --template starlight
77+```
88+99+[](https://stackblitz.com/github/withastro/starlight/tree/main/examples/basics)
1010+[](https://codesandbox.io/p/sandbox/github/withastro/starlight/tree/main/examples/basics)
1111+[](https://app.netlify.com/start/deploy?repository=https://github.com/withastro/starlight&create_from_path=examples/basics)
1212+[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fwithastro%2Fstarlight%2Ftree%2Fmain%2Fexamples%2Fbasics&project-name=my-starlight-docs&repository-name=my-starlight-docs)
1313+1414+> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
1515+1616+## 🚀 Project Structure
1717+1818+Inside of your Astro + Starlight project, you'll see the following folders and files:
1919+2020+```
2121+.
2222+├── public/
2323+├── src/
2424+│ ├── assets/
2525+│ ├── content/
2626+│ │ ├── docs/
2727+│ └── content.config.ts
2828+├── astro.config.mjs
2929+├── package.json
3030+└── tsconfig.json
3131+```
3232+3333+Starlight looks for `.md` or `.mdx` files in the `src/content/docs/` directory. Each file is exposed as a route based on its file name.
3434+3535+Images can be added to `src/assets/` and embedded in Markdown with a relative link.
3636+3737+Static assets, like favicons, can be placed in the `public/` directory.
3838+3939+## 🧞 Commands
4040+4141+All commands are run from the root of the project, from a terminal:
4242+4343+| Command | Action |
4444+| :------------------------ | :----------------------------------------------- |
4545+| `npm install` | Installs dependencies |
4646+| `npm run dev` | Starts local dev server at `localhost:4321` |
4747+| `npm run build` | Build your production site to `./dist/` |
4848+| `npm run preview` | Preview your build locally, before deploying |
4949+| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
5050+| `npm run astro -- --help` | Get help using the Astro CLI |
5151+5252+## 👀 Want to learn more?
5353+5454+Check out [Starlight’s docs](https://starlight.astro.build/), read [the Astro documentation](https://docs.astro.build), or jump into the [Astro Discord server](https://astro.build/chat).
···11+1
22+00:00:01,340 --> 00:00:05,240
33+Visualisierung der Ergebnisse des Stromnetzmodells
44+55+2
66+00:00:05,240 --> 00:00:07,240
77+Was bedeutet das denn eigentlich?
88+99+3
1010+00:00:07,240 --> 00:00:10,360
1111+Fangen wir am besten mit der Ausgangssituation an.
1212+1313+4
1414+00:00:10,360 --> 00:00:16,010
1515+Siemens entwickelt ein Programm, welches die
1616+Fehler im Stromnetzmodell berechnet und aktuell
1717+1818+5
1919+00:00:16,010 --> 00:00:18,070
2020+in Log Files speichert.
2121+2222+6
2323+00:00:18,070 --> 00:00:23,109
2424+Diese Log Files sind äußerst unübersichtlich
2525+und es kann lange dauern, bis ein Ingenieur
2626+2727+7
2828+00:00:23,109 --> 00:00:26,980
2929+von Siemens den Ursprung des Fehlers gefunden hat.
3030+3131+8
3232+00:00:26,980 --> 00:00:30,449
3333+Genau hier wird unsere Applikation relevant.
3434+3535+9
3636+00:00:30,449 --> 00:00:35,450
3737+Wir haben ein System entwickelt, welches die
3838+Fehlerdaten von Siemens über das Apache Kafka
3939+4040+10
4141+00:00:35,450 --> 00:00:40,930
4242+System - das ist ein Message Bus - an das
4343+Backend übergibt und dort persistiert.
4444+4545+11
4646+00:00:40,930 --> 00:00:47,480
4747+Das Backend ist mittels Java Spring Framework
4848+und PostgreSQL Datenbank implementiert.
4949+5050+12
5151+00:00:47,480 --> 00:00:55,620
5252+Über eine GraphQL Schnittstelle kann das
5353+Angular Frontend die Daten visualisieren.
5454+5555+13
5656+00:00:55,620 --> 00:00:58,899
5757+Kommen wir nun zu den Besonderheiten unserer Applikation.
5858+5959+14
6060+00:00:58,899 --> 00:01:05,010
6161+Aufgrund des Message Busses ist unsere Applikation
6262+optimal von dem Service von Siemens entkoppelt.
6363+6464+15
6565+00:01:05,010 --> 00:01:09,110
6666+Dies ermöglicht eine einfache Integration
6767+in die Production bei Siemens.
6868+6969+16
7070+00:01:09,110 --> 00:01:14,100
7171+Das Frontend bietet ideale Möglichkeiten,
7272+um die Daten zu analysieren.
7373+7474+17
7575+00:01:14,100 --> 00:01:18,810
7676+Wie Sie hier sehen können, verfügt es über
7777+ein Dashboard, welches die vier Eigenschaften,
7878+7979+18
8080+00:01:18,810 --> 00:01:22,950
8181+Klasse, Kategorie, Schweregrad und Spannungslevel, darstellt.
8282+8383+19
8484+00:01:22,950 --> 00:01:27,810
8585+Das Herzstück der Applikation ist jedoch
8686+die Tabelle, welcher jegliche Art von Such-
8787+8888+20
8989+00:01:27,810 --> 00:01:30,460
9090+und Filtermöglichkeiten implementiert.
9191+9292+21
9393+00:01:30,460 --> 00:01:35,140
9494+Man kann die Daten nicht nur Sortieren, sondern
9595+eben auch nach gewissen Begriffen, und den
9696+9797+22
9898+00:01:35,140 --> 00:01:37,500
9999+vier vorhin genannten Eigenschaften filtern.
100100+101101+23
102102+00:01:37,500 --> 00:01:42,530
103103+Ein wichtiger Bestandteil ist auch der Button
104104+zum Zurücksetzen aller Filter.
105105+106106+24
107107+00:01:43,860 --> 00:01:46,000
108108+Kommen wir nun zum Graph.
109109+110110+25
111111+00:01:46,000 --> 00:01:49,100
112112+Dieser zeigt einen Teil des Stromnetzwerkes an.
113113+114114+26
115115+00:01:49,100 --> 00:01:54,790
116116+Hierbei ist das Objekt mit dem aktuellen Fehler
117117+in blau dargestellt, sodass die Ingenieure von Siemens
118118+119119+27
120120+00:01:54,790 --> 00:01:58,140
121121+die nähere Umgebung des Fehlers analysieren können.
122122+123123+28
124124+00:01:58,140 --> 00:02:03,750
125125+Dadurch ist das Ausfindigmachen des Ursprungs
126126+sehr effizient, sodass das Netzmodell schnellstmöglich
127127+128128+29
129129+00:02:03,750 --> 00:02:05,659
130130+wieder funktionieren kann.
131131+132132+30
133133+00:02:05,659 --> 00:02:10,919
134134+Das ist auch schon wieder das Ende unseres kurzen Videos.
135135+136136+31
137137+00:02:10,919 --> 00:02:13,181
138138+Wir hoffen es hat euch gefallen.
139139+
···11+---
22+title: Videos
33+description: trueberryless is also active on YouTube
44+template: splash
55+hero:
66+ tagline: trueberryless is also active on YouTube
77+ image:
88+ file: ../../assets/houston.webp
99+ actions:
1010+ - text: List of all videos
1111+ link: /videos
1212+ icon: right-arrow
1313+ - text: Visit the channel
1414+ link: https://www.youtube.com/@trueberryless
1515+ icon: external
1616+ variant: minimal
1717+---
1818+1919+import { Card, CardGrid } from "@astrojs/starlight/components";
2020+2121+## Next steps
2222+2323+<CardGrid stagger>
2424+ <Card title="Update content" icon="pencil">
2525+ Edit `src/content/docs/index.mdx` to see this page change.
2626+ </Card>
2727+ <Card title="Add new content" icon="add-document">
2828+ Add Markdown or MDX files to `src/content/docs` to create new pages.
2929+ </Card>
3030+ <Card title="Configure your site" icon="setting">
3131+ Edit your `sidebar` and other config in `astro.config.mjs`.
3232+ </Card>
3333+ <Card title="Read the docs" icon="open-book">
3434+ Learn more in [the Starlight Docs](https://starlight.astro.build/).
3535+ </Card>
3636+</CardGrid>
+5
starlight/src/content/docs/videos/index.md
···11+---
22+title: All videos
33+video:
44+ type: videos
55+---
+15
starlight/src/content/docs/videos/thesis.mdx
···11+---
22+title: Diploma Thesis
33+description: A SOA solution with Siemens AG to analyze power grid anomalies, featuring a Kafka pipeline, PostgreSQL, GraphQL API, and an Angular dashboard for visualisation.
44+video:
55+ type: video
66+ link: https://www.youtube.com/watch?v=p5xtVAwQdmE
77+ duration: 146
88+ date: 2024-03-27
99+ transcript: ./src/assets/transcripts/thesis.srt
1010+ difficulty: Intermediate
1111+ actions:
1212+ - text: Read more
1313+ link: https://www.trueberryless.org/work/thesis/
1414+ icon: external
1515+---