Skip to content

Commit d7a5658

Browse files
authored
Merge branch 'main' into md-content
2 parents 26bc6f2 + 9f474a9 commit d7a5658

File tree

1 file changed

+13
-14
lines changed

1 file changed

+13
-14
lines changed

src/content/docs/de/concepts/why-astro.mdx

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: "Astro ist das Web-Framework für die Erstellung von inhaltsorienti
44
i18nReady: true
55
---
66

7-
**Astro** ist das Web-Framework für die Erstellung von **inhaltsgesteuerten Websites** wie Blogs, Marketing und E-Commerce. Astro ist vor allem dafür bekannt, dass es eine neue [Frontend-Architektur](/de/concepts/islands/) entwickelt hat, die den JavaScript-Overhead und die Komplexität im Vergleich zu anderen Frameworks reduziert. Wenn du eine Website brauchst, die schnell lädt und ein gutes SEO hat, dann ist Astro genau das Richtige für dich.
7+
**Astro** ist das Web-Framework für die Erstellung von **inhaltsgesteuerten Websites** wie Blogs, Marketing und E-Commerce. Astro ist vor allem dafür bekannt, dass es eine neue [Frontend-Architektur](/de/concepts/islands/) entwickelt hat, die den JavaScript-Overhead und die Komplexität im Vergleich zu anderen Frameworks reduziert. Wenn du eine Website brauchst, die schnell lädt und gute SEO hat, dann ist Astro genau das Richtige für dich.
88

99
## Features
1010

@@ -14,9 +14,9 @@ Einige Highlights sind:
1414

1515
- **[Inseln](/de/concepts/islands/):** Eine komponentenbasierte Web-Architektur, die für inhaltsgesteuerte Websites optimiert ist.
1616
- **[UI-agnostisch](/de/guides/framework-components/):** Unterstützt React, Preact, Svelte, Vue, Solid, HTMX, Webkomponenten und mehr.
17-
- **[Server-first](/de/guides/on-demand-rendering/):** Verschiebt das teure Rendering von den Geräten deiner Besucher.
18-
- **[Null JS, standardmäßig](/de/basics/astro-components/):** Weniger clientseitiges JavaScript verlangsamt deine Seite.
19-
- **[Inhaltssammlungen](/de/guides/content-collections/):** Organisiere, validiere und biete TypeScript-Typsicherheit für deine Markdown-Inhalte.
17+
- **[Server-first](/de/guides/on-demand-rendering/):** Verschiebt das aufwendige Rendering von den Geräten deiner Besucher auf deinen Server.
18+
- **[Null JS, standardmäßig](/de/basics/astro-components/):** Weniger clientseitiges JavaScript, welches deine Seite verlangsamt.
19+
- **[Inhaltssammlungen](/de/guides/content-collections/):** Organisiere und validiere deine Markdown-Inhalte mit TypeScript-Typsicherheit.
2020
- **[Anpassbar](/de/guides/integrations-guide/):** Partytown, MDX und Hunderte von Integrationen zur Auswahl.
2121

2222

@@ -36,13 +36,13 @@ Astro ist...
3636

3737
**Astro wurde für die Erstellung von inhaltsreichen Websites entwickelt.** Dazu gehören Marketing-Websites, Verlagsseiten, Dokumentations-Websites, Blogs, Portfolios, Landing Pages, Community-Sites und E-Commerce-Sites. Wenn du Inhalte zu zeigen hast, müssen sie den Leser schnell erreichen.
3838

39-
Im Gegensatz dazu wurden die meisten modernen Web-Frameworks für die Erstellung von *Webanwendungen* entwickelt. Diese Frameworks eignen sich hervorragend für die Erstellung komplexer, anwendungsähnlicher Erlebnisse im Browser: eingeloggte Admin-Dashboards, Posteingänge, soziale Netzwerke, ToDo-Listen und sogar nativ-ähnliche Anwendungen wie [Figma](https://figma.com/) und [Ping](https://ping.gg/). Diese Komplexität kann jedoch dazu führen, dass sie bei der Bereitstellung deiner Inhalte keine gute Leistung erbringen.
39+
Im Gegensatz dazu wurden die meisten modernen Web-Frameworks für die Erstellung von *Webanwendungen* entwickelt. Diese Frameworks eignen sich hervorragend für die Erstellung komplexer, anwendungsähnlicher Erlebnisse im Browser: eingeloggte Admin-Dashboards, Posteingänge, soziale Netzwerke, To-do-Listen und sogar nativ-ähnliche Anwendungen wie [Figma](https://figma.com/) und [Ping](https://ping.gg/). Diese Komplexität kann jedoch dazu führen, dass sie bei der Bereitstellung deiner Inhalte keine gute Leistung erbringen.
4040

41-
Astros Fokus auf Inhalte hat Astro seit seinen Anfängen als statischer Website-Builder in die Lage versetzt, **sanft zu leistungsstarken, dynamischen Webanwendungen** zu skalieren, die dennoch deine Inhalte und dein Publikum respektieren. Der einzigartige Fokus von Astro auf Inhalte ermöglicht es Astro, Kompromisse einzugehen und unübertroffene Leistungsmerkmale zu liefern, deren Implementierung für anwendungs­orientierte Web-Frameworks keinen Sinn machen würde.
41+
Astros Fokus auf Inhalte hat es seit seinen Anfängen als statischer Website-Builder in die Lage versetzt, **sanft zu leistungsstarken, dynamischen Webanwendungen** zu skalieren, die dennoch deine Inhalte und deine Zielgruppen respektieren. Der einzigartige Fokus von Astro auf Inhalte ermöglicht es, Kompromisse einzugehen und unübertroffene Leistungsmerkmale zu liefern, deren Implementierung für anwendungs­orientierte Web-Frameworks keinen Sinn machen würde.
4242

4343
### Server-first
4444

45-
**Astro setzt so weit wie möglich auf Server-Rendering statt auf clientseitiges Rendering im Browser.** Das ist derselbe Ansatz, den traditionelle serverseitige Frameworks -- PHP, WordPress, Laravel, Ruby on Rails usw. -- schon seit Jahrzehnten verwenden. Aber du brauchst keine zweite serverseitige Sprache zu lernen, um ihn zu erschließen. Mit Astro besteht alles nur noch aus HTML, CSS und JavaScript (oder TypeScript, wenn du willst).
45+
**Astro setzt so weit wie möglich auf Server-Rendering statt auf clientseitiges Rendering im Browser.** Das ist derselbe Ansatz, den traditionelle serverseitige Frameworks -- PHP, WordPress, Laravel, Ruby on Rails usw. -- schon seit Jahrzehnten verwenden. Aber du brauchst dafür keine zweite serverseitige Sprache zu lernen. Mit Astro besteht alles nur noch aus HTML, CSS und JavaScript (oder TypeScript, wenn du willst).
4646

4747
Dieser Ansatz steht im Gegensatz zu anderen modernen JavaScript-Web-Frameworks wie Next.js, SvelteKit, Nuxt, Remix und weiteren. Diese Frameworks erfordern das clientseitige Rendering der gesamten Website und beinhalten das serverseitige Rendering hauptsächlich, um Leistungsprobleme zu lösen. Dieser Ansatz wird als **Single Page App (SPA)** bezeichnet, im Gegensatz zum **Multi Page App (MPA)**-Ansatz von Astro.
4848

@@ -61,9 +61,9 @@ Eine gute Leistung ist immer wichtig, aber sie ist *besonders* wichtig für inha
6161
- 850ms schneller → 7% mehr Konversionen ([COOK](https://web.dev/why-speed-matters/))
6262
- Jede 1 Sekunde langsamer → 10% weniger Nutzer ([BBC](https://www.creativebloq.com/features/how-the-bbc-builds-websites-that-scale))
6363

64-
Bei vielen Web-Frameworks ist es leicht möglich, eine Website zu erstellen, die während der Entwicklung großartig aussieht, aber nach der Veröffentlichung schmerzhaft langsam lädt. JavaScript ist oft der Schuldige, da Smartphones und Geräte mit geringerer Leistung selten die Geschwindigkeit des Laptops eines Entwicklers erreichen.
64+
Bei vielen Web-Frameworks ist es leicht möglich, eine Website zu erstellen, die während der Entwicklung großartig aussieht, aber nach der Veröffentlichung schmerzhaft langsam lädt. Schuld daran ist häufig JavaScript, da Smartphones und Geräte mit geringerer Leistung selten die Geschwindigkeit des Laptops eines Entwicklers erreichen.
6565

66-
Die Magie von Astro liegt in der Kombination der beiden oben genannten Werte - ein Fokus auf Inhalte mit einer Server-first MPA-Architektur - um Kompromisse zu machen und Funktionen zu liefern, die andere Frameworks nicht bieten können. Das Ergebnis ist eine erstaunliche Web-Performance für jede Website, Out-of-the-Box. Unser Ziel: **Es sollte nahezu unmöglich sein, mit Astro eine langsame Website zu erstellen.**
66+
Die Magie von Astro liegt in der Kombination der beiden oben genannten Werte - ein Fokus auf Inhalte mit einer Server-First MPA-Architektur - um Kompromisse zu machen und Funktionalitäten zu liefern, die andere Frameworks nicht bieten können. Das Ergebnis ist eine erstaunliche Web-Performance für jede Website, Out-of-the-Box. Unser Ziel: **Es sollte nahezu unmöglich sein, mit Astro eine langsame Website zu erstellen.**
6767

6868
Eine Astro-Website kann [mit 90% weniger JavaScript 40% schneller laden](https://twitter.com/t3dotgg/status/1437195415439360003) als die gleiche Website, die mit dem beliebten React-Webframework erstellt wurde. Aber nimm uns nicht beim Wort: Sieh dir an, wie Astros Leistung Ryan Carniato (Schöpfer von Solid.js und Marko) [sprachlos](https://youtu.be/2ZEMb_H-LYE?t=8163) macht.
6969

@@ -72,21 +72,20 @@ Eine Astro-Website kann [mit 90% weniger JavaScript 40% schneller laden](https:/
7272

7373
**Das Ziel von Astro ist es, für jeden Webentwickler zugänglich zu sein.** Astro wurde so konzipiert, dass es sich vertraut und zugänglich anfühlt, unabhängig von den Fähigkeiten oder der bisherigen Erfahrung mit Webentwicklung.
7474

75-
Die UI-Sprache `.astro` ist ein Übersatz von HTML: Jedes gültige HTML ist eine gültige Astro-Vorlagen-Syntax! Wenn du also HTML schreiben kannst, kannst du auch Astro-Komponenten schreiben! Astro vereint aber auch einige unserer Lieblingsfunktionen aus anderen Komponentensprachen wie JSX-Ausdrücke (React) und CSS-Scoping (Svelte und Vue). Diese Nähe zu HTML macht es auch einfacher, progressive Verbesserungen und gängige Zugänglichkeitsmuster ohne Overhead zu nutzen.
75+
Die UI-Sprache `.astro` ist ein Übersatz von HTML: Gültiges HTML ist eine gültige Astro-Vorlagen-Syntax! Wenn du also HTML schreiben kannst, kannst du auch Astro-Komponenten schreiben! Astro vereint aber auch einige unserer Lieblingsfunktionen aus anderen Komponentensprachen wie JSX-Ausdrücke (React) und CSS-Scoping (Svelte und Vue). Diese Nähe zu HTML macht es auch einfacher, progressive Verbesserungen und gängige Zugänglichkeitsmuster ohne Overhead zu nutzen.
7676

77-
Dann haben wir dafür gesorgt, dass du auch deine bevorzugten UI-Komponenten-Sprachen verwenden kannst, die du bereits kennst, und sogar Komponenten wiederverwenden kannst, die du vielleicht schon hast. React, Preact, Svelte, Vue, Solid, und andere, einschließlich Webkomponenten, werden alle für die Erstellung von UI-Komponenten in einem Astro-Projekt unterstützt.
77+
Außerdem haben wir dafür gesorgt, dass du auch deine bevorzugten UI-Komponenten-Sprachen verwenden kannst, die du bereits kennst, und sogar Komponenten wiederverwenden kannst, die du vielleicht schon hast. React, Preact, Svelte, Vue, Solid, und andere, einschließlich Webkomponenten, werden alle für die Erstellung von UI-Komponenten in einem Astro-Projekt unterstützt.
7878

7979
Astro wurde entwickelt, um weniger komplex zu sein als andere UI-Frameworks und Sprachen. Ein wichtiger Grund dafür ist, dass Astro für das Rendering auf dem Server und nicht im Browser entwickelt wurde. Das bedeutet, dass du dich nicht um Hooks (React), Stale Closures (ebenfalls React), Refs (Vue), Observables (Svelte), Atoms, Selectors, Reactions oder Derivations kümmern musst. Auf dem Server gibt es keine Reaktivität, sodass all diese Komplexität verschwindet.
8080

81-
Einer unserer Lieblingssprüche lautet: **opt in to complexity** (Komplexität nur, wenn du sie brauchst). Wir haben Astro so konzipiert, dass so viel „erforderliche Komplexität“ wie möglich aus dem Entwicklererlebnis entfernt wird, besonders wenn du zum ersten Mal einsteigst. Du kannst eine „Hello World“-Beispielwebsite in Astro mit nur HTML und CSS erstellen. Wenn du dann etwas Mächtigeres bauen willst, kannst du nach und nach neue Funktionen und APIs nutzen.
81+
Einer unserer Lieblingssprüche lautet: **opt in to complexity** (Komplexität nur, wenn du sie brauchst). Wir haben Astro so konzipiert, dass so viel „erforderliche Komplexität“ wie möglich aus dem Entwicklererlebnis entfernt wird, besonders wenn du zum ersten Mal einsteigst. Du kannst eine „Hello World“-Beispielwebsite in Astro mit nur HTML und CSS erstellen. Wenn du dann etwas Aufwändigeres erstellen willst, kannst du nach und nach neue Funktionen und APIs nutzen.
8282

8383
### Entwicklerorientiert
8484

85-
Wir glauben fest daran, dass Astro nur dann ein erfolgreiches Projekt ist, wenn die Menschen es gerne benutzen. Astro hat alles, was du brauchst, um dich bei deiner Arbeit mit Astro zu unterstützen.
85+
Wir glauben fest daran, dass Astro nur dann ein erfolgreiches Projekt ist, wenn Menschen es gerne benutzen. Astro hat alles, was du brauchst, um dich bei deiner Arbeit mit Astro zu unterstützen.
8686

8787
Astro investiert in Entwickler-Tools, wie z. B. eine großartige CLI-Erfahrung vom ersten Moment an, eine offizielle VS Code-Erweiterung für Syntax-Highlighting, TypeScript und Intellisense sowie eine Dokumentation, die von Hunderten von Community-Mitarbeitern aktiv gepflegt wird und in 14 Sprachen verfügbar ist.
8888

8989
Unsere einladende, respektvolle und integrative Community auf Discord ist bereit, dich zu unterstützen, zu motivieren und zu ermutigen. Eröffne einen `#support`-Thread, um Hilfe für dein Projekt zu bekommen. Besuche unseren speziellen `#showcase`-Kanal, in dem du deine Astro-Seiten, Blogbeiträge, Videos und sogar laufende Projekte vorstellen kannst, um sicheres Feedback und konstruktive Kritik zu erhalten. Nimm an regelmäßigen Live-Events wie unserem wöchentlichen Community-Call, „Talking and Doc'ing“, und „API/bug bashes“ teil.
9090

9191
Als Open-Source-Projekt begrüßen wir Beiträge aller Art und Größe von Community-Mitgliedern aller Erfahrungsstufen. Du bist eingeladen, dich an Diskussionen über die Roadmap zu beteiligen, um die Zukunft von Astro zu gestalten, und wir hoffen, dass du Korrekturen und Funktionen für die Kern-Codebasis, den Compiler, die Dokumentation, die Sprachwerkzeuge, die Websites und andere Projekte beisteuern wirst.
92-

0 commit comments

Comments
 (0)