i18n(de): Complete section 4 of the tutorial #12544

randomguy-2650 · 2025-10-12T11:36:32Z

Description (required)

This PR translates section 4 of the tutorial to German.

Related PRs & labels (optional)

Related PRs
Suggested label: i18n, hacktoberfest-accepted

Hacktoberfest 🎃

astrobot-houston · 2025-10-12T11:37:13Z

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
de/tutorial/4-layouts/1.mdx	Localization added, will be marked as complete.
de/tutorial/4-layouts/2.mdx	Localization added, will be marked as complete.
de/tutorial/4-layouts/3.mdx	Localization added, will be marked as complete.
de/tutorial/4-layouts/index.mdx	Localization added, will be marked as complete.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

yanthomasdev · 2025-10-12T18:54:02Z

Oops, for some reason it included lots of other commits…
I believe you started your PR from main which was more updated than de/tutorial, I just updated branch there and here and now it only shows your commits 🙌

…character

trueberryless

Awesome work! Thanks @randomguy-2650 again very much for putting all the effort into these on-top translations 🙌

I left some comments, most some smaller fixes and ideas, some bigger with consistency thoughts. All in German, hope that's okay 😆

These comments are just reviews of German grammar and such stuff, I did not yet have the time to look into what content has been translated (comparison with English version).

What I found particularly positive was the decision not to translate “props”, exactly as we agreed with Discord for the French translation. Perfect execution! ❤️

trueberryless · 2025-10-20T20:09:09Z

src/content/docs/de/tutorial/4-layouts/1.mdx

+title: Erstelle dein erstes Layout
+description: |-
+  Tutorial: Erstelle deinen ersten Astro-Blog —
+  Refaktoriere gemeinsame Elemente in ein wiederverwendbares Seiten-Layout


Hier würde ich nicht 1:1 übersetzen, offen für Vorschläge...

Suggested change

Refaktoriere gemeinsame Elemente in ein wiederverwendbares Seiten-Layout

Vereinheitliche gemeinsame Elemente in ein wiederverwendbares Seiten-Layout

Andere Ideen:

Umstrukturierung

Neuordnung

Umgestalung

Restrukturierung

Auf jeden Fall sollten wir dies auch im i18n-guide hinzufügen 👍

Sobald wir uns für eines entschieden haben, bitte STRG+F auf allen Seiten einheitlich machen, da es so oft verwendet wird, da will ich nicht alles mit Kommentaren zuspammen...

Cloudflare benutzt „refaktorisieren“, aber ich bin noch nicht sicher, ob das das gleiche Konzept ist.

https://www.cloudflare.com/de-de/learning/cloud/how-to-refactor-applications/

Und meine Meinung dazu:

Das ist eine Dokumentationswebsite für Entwickler:innen. Die wissen wahrscheinlich schon, worum es geht, weil sie wahrscheinlich auch oft „to refactor“ gehört haben. Deswegen glaube ich, dass es so noch passt, aber jetzt sind es aktuell sehr voreingenommene Antworten.

Ich meine wir können auch "refaktorisieren" / "Refaktorisierung" lassen, PONS listet dies auch als valide: https://de.pons.com/%C3%BCbersetzung/englisch-deutsch/refactor

Nichtsdestotrotz würde ich dann ähnlich wie bei Astro-Islands - bzw auch wie es Cloudflare in deinem Beispiel macht - beim ersten Vorkommnis das englische Wort auch in Klammern setzen:

Geht auch, aber du hast Refaktorisierung geschrieben. In der Cloudflare-Dokumentation steht stattdessen Refaktorierung.

Wenn wir nahe möglich zum Original bleiben möchten, dann müssen wir noch durchsuchen, welches der beiden am richtigsten und am besten ist.

src/content/docs/de/tutorial/4-layouts/1.mdx

trueberryless · 2025-10-20T20:15:29Z

src/content/docs/de/tutorial/4-layouts/1.mdx

+
+Das `<slot />`-Element ermöglicht es, **Kind-Inhalte** einzufügen (oder „einzuschieben“), die zwischen den öffnenden und schließenden `<Component></Component>`-Tags in jede `Component.astro`-Datei geschrieben werden.
+
+## Übergib seiten-spezifische Werte als Props


Suggested change

## Übergib seiten-spezifische Werte als Props

## Übergib Seiten-spezifische Werte als Props

Jetzt denke ich eigentlich, dass es ein Nomen/Substantiv + Adjektiv Combo ist. Also jetzt: seitenspezifisch (ohne Bindestrich)

Das ist ähnlich wie bei clientseitig.

Now that I think about it, it is a noun + adjective combo. So now: seitenspezifisch (without hyphen)

This is similar to clientseitig (“client-side”).

Auch bin ich nicht so sicher, warum du „seiten“ in einem Adjektiv großschreiben möchtest, kannst du mir das bitte erklären?

I’m also not sure why you want to capitalise “seiten” (“pages”) in an adjective (it doesn’t look like a noun to me), can you explain this to me?

Auch bin ich nicht so sicher, warum du „seiten“ in einem Adjektiv großschreiben möchtest, kannst du mir das bitte erklären?

Naja, eben genau weil es eine Nomen + Adjektiv Kombination ist, denke ich, dass das Nomen großgeschrieben wird.
Weil Nomen ja prinzipiell immer großgeschrieben werden, auch wenn es in Form eines Adjektivs eines anderen Nomen verwendet wird.

Ein ähnliches Beispiel wäre:

Ein zum Fluss gehendes Schaf

Hier muss auch die Großschreibung innerhalb der erweiterten Partizipialgruppe "zum Fluss gehendes" beachtet werden. Deswegen dachte ich, dass dies auch für Nomen in Adjektiven gemacht wird. Aber nun müsste ich auch nochmals detailierter nachgooglen wie genau diese Rechtschreibung definiert ist 😅

Aber "seitenspezifisch" scheint auch richtig zu sein, laut dieser Regel, oder?
https://www.kapiert.de/deutsch/klasse-7-8/rechtschreibung/getrennt-und-zusammenschreibung-ii/getrennt-und-zusammenschreibung-nomen-und-adjektivpartizip/

Wie bei der zitierten Webseite würde ich immer noch seitenspezifisch benutzen. Ich würde nur bei deiner Art von Groß- und Kleinschreibung das anwenden, wenn das Substantiv einen Markenname wär, oder ein Substantiv, der besonders hervorgehoben sein muss, wie beim Cloudflare-Artikel:

Edge-basiert

Hier bezieht Edge nicht auf Kante, das ist irgendein Konzept.

src/content/docs/de/tutorial/4-layouts/1.mdx

trueberryless · 2025-10-20T20:23:50Z

src/content/docs/de/tutorial/4-layouts/2.mdx

+<slot />
+```
+
+Refaktoriere so viel wie nötig für dich und füge beliebig viele Elemente in dein Layout ein. Alles, was du ins Layout einfügst, musst du nicht mehr in jedem einzelnen Blog-Beitrag schreiben!


Hier erwähne ich es noch einmal, da es schon lange her war seit dem vorherigen Vorkommen:

Suggested change

Refaktoriere so viel wie nötig für dich und füge beliebig viele Elemente in dein Layout ein. Alles, was du ins Layout einfügst, musst du nicht mehr in jedem einzelnen Blog-Beitrag schreiben!

Restrukturiere so viel wie nötig für dich und füge beliebig viele Elemente in dein Layout ein. Alles, was du ins Layout einfügst, musst du nicht mehr in jedem einzelnen Blog-Beitrag schreiben!

trueberryless · 2025-10-20T20:27:07Z

src/content/docs/de/tutorial/4-layouts/2.mdx

+
+- [Markdown-Layouts in Astro](/de/guides/markdown-content/#frontmatter-layout-property)
+
+- [Markdown Layout Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)


Ich sehe, wir haben den Titel auf der verlinkten Seite ohne Bindestriche geschrieben, aber evtl. gehört er doch mit Bindestrichen, nicht ganz sicher. Vielleicht sollten wir dies in der anderen Seite auch ausbessern 🤔

Suggested change

- [Markdown Layout Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)

- [Markdown-Layout-Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)

Na ja, das ist jetzt echt kompliziert. Dafür brauchen wir wahrscheinlich mehrere Meinungen, weil Deutsch einfach nur hin und her mit Bindestrichen arbeitet …

src/content/docs/de/tutorial/4-layouts/3.mdx

trueberryless · 2025-10-20T20:37:29Z

src/content/docs/de/tutorial/4-layouts/1.mdx

+
+    <MultipleChoice>
+      <Option>
+        ein Standard-HTML-Element auf der Seite mit statischem Text verwenden (z. B. `<h1>Startseite</h1>`)


Ich glaube obwohl im Englischen viele Aufzählungspunkte der Quizzes mit einem Kleinbuchstaben starten, sollten wir im Deutschen konsistent immer mit Grpßbuchstaben am Anfang jeder Option starten.

Suggested change

ein Standard-HTML-Element auf der Seite mit statischem Text verwenden (z. B. `<h1>Startseite</h1>`)

Ein Standard-HTML-Element auf der Seite mit statischem Text verwenden (z. B. `<h1>Startseite</h1>`)

Ich bin mir nicht ganz sicher, ob dies Deutsch-korrekt ist, aber wir haben es an der Schule so gelernt 😅

Falls dies stimmen sollte, müsste es unbedingt auch allen 4 neuen Seiten bei den Quizzes nochmals überprüft werden, da es oft vorkommt, dass die "nicht-vollständigen" Sätze auch mit Kleinbuchstaben anfangen... 🙏

Ich hatte es nicht so wie im Englischen gelernt:

Nur Stichpunkte am Anfang großschreiben, wenn es sich um einen ganzen Satz handelt, wie bei normalen Sätzen.

Sonst, schreibt man die Stichpunkte klein, weil sie einfach nur Aufzählungen sind.

Also hier ist es kein vollständiger Satz, deswegen glaube ich, dass es hier kleingeschrieben wird.

Bezug zum Englischen: Da meine ich bei solchen Stichpunkten:

How to use the Astro logo:

Use our logo to link to Astro’s website or GitHub repository

Use our logo to show your product has built-in Astro support

Use our logo in a blog post or video about Astro

Konnte kein besseres Beispiel finden. 🤣

I hadn’t learned it like I did in English:

Only capitalise bullet points when it is about a full sentence, like in normal sentences.

Otherwise, bullet points are lowercased because it is only an enumeration.

In this example, it isn’t a full sentence, so I think that it would be lowercased here.

Reference to English: Here, I’m talking about these types of bullet points:

How to use the Astro logo:

Use our logo to link to Astro’s website or GitHub repository

Use our logo to show your product has built-in Astro support

Use our logo in a blog post or video about Astro

I couldn’t find a better example. 🤣

Jetzt müssen wir irgendwie herausfinden, welche Antwort richtig ist … vielleicht sind beide auch falsch, wissen wir noch gar nicht.

Now we’ll have to find out what the correct solution is… maybe both are wrong, we don’t know.

Aja stimmt, ich glaube die Regel mit Großschreiben gilt nur, wenn es ein ganzer Satz ist. Sogesehen denke ich, dass du alle Aufzählungspunkt im gesamten PR perfekt übersetzt hast 🙌

Co-authored-by: Felix Schneider <[email protected]>

randomguy-2650 · 2025-10-21T09:15:44Z

What I found particularly positive was the decision not to translate “props”, exactly as we agreed with Discord for the French translation. Perfect execution! ❤️

I don’t even know what you’re talking about here but that doesn’t seem to matter that much.

randomguy-2650 · 2025-10-21T09:24:23Z

Astro 6 seems to be coming soon… and these translations for the tutorial may have to be retranslated. Bad timing. ⏳😐

randomguy-2650 added 4 commits October 12, 2025 11:37

Create index page: section 4 of 6

f3480ef

Create page 1: section 4 of 6

b241ade

Create page 2: section 4 of 6

1b08a1c

Create page 3: section 4 of 6

3e07ae7

github-actions bot added the i18n Anything to do with internationalization & translation efforts - ask @YanThomas for help! label Oct 12, 2025

This comment has been minimized.

Sign in to view

Merge branch 'de/tutorial' into patch-1

1ea72c8

randomguy-2650 added 4 commits October 14, 2025 14:06

Replace “About” with “Über mich” in page 1: section 4 of 6

71158b1

Replace “Doku” with “Docs” in tutorial title suffix after “|” (pipe) …

d118dbb

…character

Replace “Einheit” with “Lektion”

2567af7

Replace “Einheit” with “Lektion”

081b055

trueberryless reviewed Oct 20, 2025

View reviewed changes

randomguy-2650 and others added 5 commits October 20, 2025 23:33

Update 1.mdx

df71a1b

Co-authored-by: Felix Schneider <[email protected]>

Update 1.mdx

a966cf8

Co-authored-by: Felix Schneider <[email protected]>

Update 1.mdx

56a1132

Co-authored-by: Felix Schneider <[email protected]>

Update 1.mdx

58585d2

Co-authored-by: Felix Schneider <[email protected]>

Update 1.mdx

0bc0a08

Co-authored-by: Felix Schneider <[email protected]>

This comment has been minimized.

Sign in to view

randomguy-2650 and others added 4 commits October 21, 2025 08:46

Update 3.mdx

9c999fe

Co-authored-by: Felix Schneider <[email protected]>

Update 2.mdx

1651b0d

Co-authored-by: Felix Schneider <[email protected]>

Update 2.mdx

0f701d9

Co-authored-by: Felix Schneider <[email protected]>

Update 2.mdx

454108b

Co-authored-by: Felix Schneider <[email protected]>

	Refaktoriere gemeinsame Elemente in ein wiederverwendbares Seiten-Layout
	Vereinheitliche gemeinsame Elemente in ein wiederverwendbares Seiten-Layout


		Das `<slot />`-Element ermöglicht es, Kind-Inhalte einzufügen (oder „einzuschieben“), die zwischen den öffnenden und schließenden `<Component></Component>`-Tags in jede `Component.astro`-Datei geschrieben werden.

		## Übergib seiten-spezifische Werte als Props

	Refaktoriere so viel wie nötig für dich und füge beliebig viele Elemente in dein Layout ein. Alles, was du ins Layout einfügst, musst du nicht mehr in jedem einzelnen Blog-Beitrag schreiben!
	Restrukturiere so viel wie nötig für dich und füge beliebig viele Elemente in dein Layout ein. Alles, was du ins Layout einfügst, musst du nicht mehr in jedem einzelnen Blog-Beitrag schreiben!


		- [Markdown-Layouts in Astro](/de/guides/markdown-content/#frontmatter-layout-property)

		- [Markdown Layout Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)

	- [Markdown Layout Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)
	- [Markdown-Layout-Eigenschaften](/de/basics/layouts/#markdown-layout-eigenschaften)

	ein Standard-HTML-Element auf der Seite mit statischem Text verwenden (z. B. `<h1>Startseite</h1>`)
	Ein Standard-HTML-Element auf der Seite mit statischem Text verwenden (z. B. `<h1>Startseite</h1>`)

Uh oh!

i18n(de): Complete section 4 of the tutorial #12544

Are you sure you want to change the base?

i18n(de): Complete section 4 of the tutorial #12544

Uh oh!

Conversation

randomguy-2650 commented Oct 12, 2025

Description (required)

Related PRs & labels (optional)

Uh oh!

This comment has been minimized.

astrobot-houston commented Oct 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Lunaria Status Overview

Tracked Files

Uh oh!

yanthomasdev commented Oct 12, 2025

Uh oh!

trueberryless left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

randomguy-2650 Oct 21, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

randomguy-2650 Oct 21, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

randomguy-2650 Oct 21, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

This comment has been minimized.

randomguy-2650 commented Oct 21, 2025

Uh oh!

randomguy-2650 commented Oct 21, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

astrobot-houston commented Oct 12, 2025 •

edited

Loading

randomguy-2650 Oct 21, 2025 •

edited

Loading

randomguy-2650 Oct 21, 2025 •

edited

Loading

randomguy-2650 Oct 21, 2025 •

edited

Loading