Skip to content

Commit 1ba7c27

Browse files
erbiercgacek1123yanthomasdev
authored
i18n(pl): update why-astro (#12638)
Co-authored-by: Eryk Baran <[email protected]> Co-authored-by: Yan <[email protected]>
1 parent 4dd42d6 commit 1ba7c27

File tree

1 file changed

+43
-31
lines changed

1 file changed

+43
-31
lines changed
Lines changed: 43 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,55 @@
11
---
22
title: Dlaczego Astro?
3-
description: "Astro to wszechstronny framework do budowania szybkich stron internetowych skoncentrowanych na dostarczaniu treści. Dowiedz się więcej."
3+
description: "Astro to framework webowy do budowy stron internetowych skupiających się na dostarczaniu treści, takich jak blogi, strony marketingowe i e-commerce. Dowiedz się, dlaczego Astro może być dobrym wyborem dla Twojej następnej strony."
44
i18nReady: true
55
---
66

7-
Astro to **wszechstronny** **framework** do budowania **szybkich** stron internetowych skoncentrowanych na **dostarczaniu treści**.
7+
**Astro** to framework webowy do budowy stron internetowych **skupiających się na dostarczaniu treści**, takich jak blogi, strony marketingowe i sklepy e-commerce. Astro jest najbardziej znane z bycia pionierem w nowej [architekturze frontendowej](/pl/concepts/islands/), której celem jest zmniejszenie narzutu JavaScriptu i kompleksowości w porównaniu z innymi frameworkami. Jeśli potrzebujesz strony, która ładuje się szybko i ma świetne SEO, to Astro jest dla ciebie.
88

9-
Dlaczego wybrać Astro, a nie inny webowy framework? Oto pięć głównych zasad projektowych, które pomogą wytłumaczyć dlaczego zbudowaliśmy Astro, problemy które rozwiązuje, i dlaczego Astro może być najlepszym wyborem dla Twojego projektu lub zespołu:
9+
## Cechy
1010

11-
#### Astro jest...
11+
**Astro to wszechstronny framework webowy.** Wszystko, co jest potrzebne do stworzenia strony internetowej jest wbudowane. Dostępne są także setki różnych [integracji](https://astro.build/integrations/) oraz [hooków API](/pl/reference/integrations-reference/) do dostosowania projektu do Twoich konkretnych przypadków użycia i potrzeb.
1212

13-
1. [Skoncentrowany na treści](#skoncentrowany-na-treści): Astro jest zaprojektowane dla stron bogatych w treść.
14-
2. [Server-first](#server-first): Strony działają szybciej, kiedy HTML jest generowany na serwerze.
15-
3. [Domyślnie szybki](#domyślnie-szybki): Zbudowanie wolnej strony za pomocą Astro powinno być niemożliwe.
16-
4. [Łatwy w użyciu](#łatwy-w-użyciu): Nie musisz być ekspertem, żeby budować z Astro.
17-
5. [Pełny funkcji, ale elastyczny](#pełny-funkcji-ale-elastyczny): Ponad 100 integracji z Astro do wyboru.
13+
Niektóre elementy Astro:
1814

19-
## Skoncentrowany na treści
15+
- **[Wyspy](/pl/concepts/islands/):** Oparta na komponentach architektura webowa, zoptymalizowana pod strony skupiające się na treściach.
16+
- **[Agnostyczne podejście do UI](/pl/guides/framework-components/):** Wspiera React, Preact, Svelte, Vue, Solid, HTMX, web components i więcej.
17+
- **[Server-first](/pl/guides/on-demand-rendering/):** Przenosi kosztowne renderowanie z urządzeń twoich odwiedzających.
18+
- **[Zero JS, domyślnie](/pl/basics/astro-components/):** Mniej klienckiego JavaScriptu, który spowalnia twoją stronę.
19+
- **[Kolekcje treści](/pl/guides/content-collections/):** Organizuj, waliduj i dostarczaj bezpieczne typowanie TypeScript dla twoich treści Markdown.
20+
- **[Konfigurowalne](/pl/guides/integrations-guide/):** Partytown, MDX i setki integracji do wyboru.
2021

21-
**Astro zostało zaprojektowane do budowania stron bogatych w treść.** Należą do nich większość stron marketingowych, wydawniczych, dokumentacje, blogi, portfolia oraz niektóre strony e-commerce.
22+
## Reguły projektowe
2223

23-
W przeciwieństwie do tego podejścia większość współczesnych webowych frameworków jest zaprojektowana w celu budowania *aplikacji internetowych*. Te frameworki sprawdzają się najlepiej przy tworzeniu bardziej zaawansowanych, przypominających aplikacje stron, na przykład: panele admina, skrzynki odbiorcze, serwisy społecznościowe, listy zadań, a nawet aplikacje podobne do natywnych jak [Figma](https://figma.com/) lub [Ping](https://ping.gg/).
24+
Oto pięć rdzennych reguł projektowych, które wyjaśniają, dlaczego stworzyliśmy Astro, jakie problemy rozwiązuje i dlaczego może być najlepszym wyborem dla twojego projektu lub zespołu.
2425

25-
Jest to jedna z najważniejszych różnic, która pomaga zrozumieć Astro. Unikalny dla Astro nacisk na treść pozwala nam na podejmowanie decyzji, które pomagają dostarczyć niezrównaną wydajność oraz funkcjonalności, których nie miałoby sensu implementować we frameworkach służących do tworzenia aplikacji.
26+
Astro jest...
2627

27-
:::tip
28-
Jeśli Twój projekt wpisuje się w kategorię "aplikacji", Astro może nie być właściwym wyborem... **i jest to w porządku!** Sprawdź [Next.js](https://next.org/), alternatywny do Astro framework do budowania aplikacji webowych.
29-
:::
28+
1. [Skoncentrowane na treści](#skoncentrowane-na-treści): Astro jest zaprojektowane dla stron bogatych w treść.
29+
2. [Server-first](#server-first): Strony działają szybciej, kiedy HTML jest renderowany na serwerze.
30+
3. [Domyślnie szybkie](#domyślnie-szybkie): Zbudowanie wolnej strony za pomocą Astro powinno być niemożliwe.
31+
4. [Łatwe w użyciu](#łatwe-w-użyciu): Nie musisz być ekspertem, żeby budować z Astro.
32+
5. [Skupione na developerach](#skupione-na-developerach): Dostęp do zasobów, dzięki którym zdobędziesz sukces, powinien być łatwy.
3033

34+
### Skoncentrowane na treści
3135

32-
## Server-first
36+
**Astro zostało zaprojektowane do budowania stron bogatych w treść.** Należą do nich większość stron marketingowych, wydawniczych, dokumentacje, blogi, portfolia, landing pages, strony społecznościowe oraz sklepy e-commerce. Jeśli masz treści do przekazania, muszą szybko dotrzeć do twojego czytelnika.
3337

34-
**Astro korzysta z renderowania na serwerze (ang. *server-side*) zamiast na kliencie (ang. *client-side*) wszędzie, gdzie jest to możliwe**. Jest to rozwiązanie, które serwerowe frameworki — PHP, WordPress, Laravel, Ruby on Rails, itd. — stosują od dekad. Nie musicie jednak uczyć się osobnego języka, żeby korzystać z renderowania na serwerze. Z Astro, wszystko to wciąż tylko HTML, CSS i JavaScript (lub, jeśli wolicie, TypeScript).
38+
W przeciwieństwie do tego, większość współczesnych frameworków zaprojektowano z myślą o budowaniu *aplikacji webowych*. Te frameworki sprawdzają się najlepiej przy tworzeniu bardziej zaawansowanych, przypominających aplikacje stron, na przykład: panele admina, skrzynki odbiorcze, serwisy społecznościowe, listy zadań, a nawet aplikacje podobne do natywnych jak [Figma](https://figma.com/) lub [Ping](https://ping.gg/). Z taką zawiłością mogą jednak mieć problem z zapewnieniem świetnej wydajności przy dostarczaniu twoich treści.
3539

36-
To podejście stoi w kontrze do innych współczesnych JavaScriptowych frameworków, takich jak Next.js, SvetleKit, Nuxt, Remix i podobnych. Wymagają one renderowania na kliencie całej strony i używają serwerowego renderowania głównie, by zaadresować problemy z wydajnością. Takie podejście zostało nazwane **Single Page App (SPA)**, w przeciwieństwie do podejścia **Multi Page App (MPA)**, które stosuje Astro.
40+
Astro od swoich początków jako kreator stron statycznych skupia się na treściach, co pozwoliło na **sensowny wzrost do wydajnego, skutecznego, dynamicznego frameworka**, który szanuje twoje treści i twoją publiczność. Unikalna priorytetyzacja Astro na treściach pozwala na kompromisy, które dostarczają niezrównanie wydajne funkcje, których implementacja przez frameworki służące do tworzenia aplikacji nie miałaby sensu.
41+
42+
### Server-first
43+
44+
**Astro korzysta z renderowania na serwerze (ang. *server-side*) zamiast na kliencie (ang. *client-side*) wszędzie, gdzie jest to możliwe**. Jest to rozwiązanie, które bardziej tradycyjne serwerowe frameworki — PHP, WordPress, Laravel, Ruby on Rails, itd. — stosują od dekad. Nie musicie jednak uczyć się osobnego języka, żeby korzystać z renderowania na serwerze. Z Astro, wszystko to wciąż tylko HTML, CSS i JavaScript (lub, jeśli wolicie, TypeScript).
45+
46+
To podejście stoi w kontraście do innych współczesnych JavaScriptowych frameworków, takich jak Next.js, SvelteKit, Nuxt, Remix i podobnych. Wymagają one renderowania na kliencie całej strony i używają serwerowego renderowania głównie, by zaadresować problemy z wydajnością. Takie podejście zostało nazwane **Single Page App (SPA)**, w przeciwieństwie do podejścia **Multi Page App (MPA)**, które stosuje Astro.
3747

3848
Model SPA ma swoje korzyści. Jednak są one okupione dodatkową złożonością i kompromisami związanymi z wydajnością. Te kompromisy obniżają wydajność strony — włączając w to istotne metryki, jak [Czas do Interaktywności (ang. *Time to Interactive* — TTI)](https://web.dev/interactive/) — i nie mają one większego sensu dla stron opartych na treści, gdzie szybkość pierwszego ładowania jest kluczowa.
3949

40-
## Domyślnie szybki
50+
### Domyślnie szybkie
4151

42-
Dobra wydajność zawsze jest ważna, lecz dla stron opartych o treści jest *wyjątkowo* krytyczna. To, że niska wydajność negatywnie wpływa na zaangażowanie, konwersje i potencjalny zysk, zostało dobrze sprawdzone. Na przykład:
52+
Dobra wydajność zawsze jest ważna, lecz dla stron opartych o treści jest *szczególnie* istotna. To, że niska wydajność negatywnie wpływa na zaangażowanie, konwersje i potencjalny zysk, zostało dobrze sprawdzone. Na przykład:
4353

4454
- Każde 100ms szybciej → 1% więcej konwersji ([Mobify](https://web.dev/why-speed-matters/), dodatkowe $380,000/rok)
4555
- 50% szybciej → 12% więcej sprzedaży ([AutoAnything](https://www.digitalcommerce360.com/2010/08/19/web-accelerator-revs-conversion-and-sales-autoanything/))
@@ -50,28 +60,30 @@ Dobra wydajność zawsze jest ważna, lecz dla stron opartych o treści jest *wy
5060

5161
W wielu webowych frameworkach łatwo jest zbudować stronę, która wygląda świetnie podczas developmentu, tylko po to, żeby po zahostowaniu ładowała się boleśnie wolno. Winowajcą często jest JavaScript, ponieważ telefony i mniej wydajne urządzenia użytkowników rzadko dorównują wydajnością laptopom deweloperów.
5262

53-
Magia Astro bierze się z połączenia dwóch wartości opisanych powyżej — skupieniu na treści oraz bazującej na serwerze architekturze MPA — pozwala to podejmować decyzje i dostarczać funkcjonalności, których nie są w stanie dostarczyć inne frameworki. Rezultatem jest niesamowita wydajność dla każdej strony. Naszym celem jest: **Zbudowanie wolnej strony przy użyciu Astro powinno być prawie niemożliwe.**
63+
Magia Astro bierze się z połączenia dwóch wartości opisanych powyżej — skupieniu na treści oraz bazującej na serwerze architekturze MPA — pozwala to podejmować decyzje i dostarczać funkcjonalności, których nie są w stanie dostarczyć inne frameworki. Rezultatem jest niesamowita wydajność dla każdej strony. Nasz cel: **Zbudowanie wolnej strony przy użyciu Astro powinno być prawie niemożliwe.**
5464

55-
Strona zbudowana z Astro jest w stanie [ładować się 40% szybciej używając 90% mniej JavaScriptu](https://twitter.com/t3dotgg/status/1437195415439360003), niż ta sama strona zbudowana przy pomocy najpopularniejszego frameworku używającego Reacta. Nie musicie wierzyć naszym słowom: zobaczcie jak wydajność Astro odbiera Ryan'owi Carniato (twórcy frameworków Solid.js i Marko) [mowę](https://youtu.be/2ZEMb_H-LYE?t=8163).
65+
Strona zbudowana z Astro jest w stanie [ładować się 40% szybciej używając 90% mniej JavaScriptu](https://twitter.com/t3dotgg/status/1437195415439360003), niż ta sama strona zbudowana przy pomocy najpopularniejszego frameworku używającego Reacta. Nie musicie wierzyć naszym słowom: zobaczcie jak wydajność Astro odbiera Ryanowi Carniato (twórcy frameworków Solid.js i Marko) [mowę](https://youtu.be/2ZEMb_H-LYE?t=8163).
5666

5767

58-
## Łatwy w użyciu
68+
### Łatwe w użyciu
5969

60-
**Celem Astro jest przystępność dla każdego web developera.** Astro zostało zaprojektowane tak, by być łatwe i dostępne, niezależnie od poziomu umiejętności, czy poprzednich doświadczeń z web developmentem.
70+
**Celem Astro jest przystępność dla każdego web developera.** Astro zostało zaprojektowane tak, by być łatwe i dostępne, niezależnie od poziomu umiejętności czy poprzednich doświadczeń z web developmentem.
6171

62-
Zaczęliśmy, upewniając się, że będziecie w stanie użyć którejkolwiek z waszych ulubionych bibliotek do budowania interfejsów. React, Preact, Svelte, Vue, Solid, Lit i inne są wspieranymi metodami tworzenia interfejsów użytkownika w projektach Astro.
72+
Interfejsowy język `.astro` jest nadzbiorem HTML: dowolny fragment prawidłowego HTML-a jest również działającym komponentem Astro! Z tego powodu, jeśli umiesz pisać HTML, umiesz także napisać komponenty Astro! Zawiera on w sobie również niektóre z naszych ulubionych funkcjonalności, które pożyczyliśmy z innych języków UI, jak wyrażenia JSX (React) i domyślne scope'owanie CSS-a (Svelte i Vue). Bliskość `.astro` do HTML-a ułatwia też stosowanie progresywnego wzbogacania (ang. *progressive enhancement*) i powszechnych wzorców dostępności bez dodatkowych komplikacji.
6373

64-
Chcieliśmy też, żeby Astro miało wbudowany świetny język do budowania komponentów. W tym celu stworzyliśmy własny język `.astro` do opisywania interfejsu użytkownika. Jest on silnie inspirowany przez HTML: jakikolwiek fragment prawidłowego HTML-a jest również działającym komponentem Astro! Zawiera on w sobie również niektóre z naszych ulubionych funkcjonalności, które pożyczyliśmy z innych języków UI, jak wyrażenia JSX (React) i domyślne scope'owanie CSS-a (Svelte i Vue). Bliskość `.astro` do HTML-a ułatwia też stosowanie progresywnego wzbogacania (ang. *progressive enhancement*) i powszechnych wzorców dostępności bez dodatkowych komplikacji.
74+
Zaczęliśmy, upewniając się, że będziecie w stanie użyć którejkolwiek z waszych ulubionych bibliotek do budowania interfejsów. React, Preact, Svelte, Vue, Solid, Lit i inne są wspieranymi metodami tworzenia interfejsów użytkownika w projektach Astro.
6575

6676
Astro zostało zaprojektowane, by być mniej skomplikowane niż inne frameworki i języki UI. W dużej mierze jest tak dlatego, że celem Astro jest renderowanie na serwerze, a nie w przeglądarce. To oznacza, że nie musicie się martwić o: hooki (React), stale closures (również React), refs (Vue), observables (Svelte), atomy, selektory, reactions ani derivations. Na serwerze reaktywność nie istnieje, więc wszystkie związane z tym komplikacje znikają.
6777

6878
Jednym z naszych ulubionych powiedzeń jest: **złożoność jest wyborem.** Zaprojektowaliśmy Astro tak, by pozbyć się z developmentu jak najwięcej "koniecznej złożoności", szczególnie podczas początkowego wdrażania się w Astro. Możecie zbudować przykładową stronę "Hello World" używając jedynie HTML-a i CSS-a. Następnie, chcąc zbudować coś bardziej skomplikowanego, możecie inkrementalnie sięgać po nowe funkcjonalności i API.
6979

7080

71-
## Pełny funkcji, ale elastyczny
81+
### Skupione na developerach
82+
83+
Mocno wierzymy w to, że sukces Astro polega tylko i wyłącznie na tym, czy ludzie uwielbiają z niego korzystać. Astro ma wszystko, czego potrzebujesz, by wspomóc cię w budowaniu z jego użyciem.
7284

73-
**Astro to wszechstronny framework, który ma w sobie wszystko czego potrzebujecie, żeby zbudować stronę.** Astro zawiera składnię do tworzenia komponentów, routing bazujący na systemie plików, zarządzanie assetami, mechanizm budowy i bundlowania, optymalizacje, ładowanie danych i wiele więcej. Jesteście w stanie tworzyć świetne strony nie wychodząc poza zestaw funkcjonalności oferowany przez Astro.
85+
Astro inwestuje w narzędzia developerskie takie jak świetne doświadczenie CLI od momentu otwarcia terminala, oficjalne rozszerzenie VS Code do podświetlania składni, TypeScript i Intellisense, a także dokumentacja aktywnie utrzymywana przez setki współautorów i dostępna w 14 językach.
7486

75-
Jeśli potrzebujecie więcej kontroli, możecie rozszerzyć Astro korzystając z ponad [100+ integracji](https://astro.build/integrations/) jak [React](https://www.npmjs.com/package/@astrojs/react), [Svelte](https://www.npmjs.com/package/@astrojs/svelte), [Vue](https://www.npmjs.com/package/@astrojs/vue), [Tailwind CSS](https://www.npmjs.com/package/@astrojs/tailwind), [MDX](https://www.npmjs.com/package/@astrojs/mdx), [optymalizacje obrazów](https://www.npmjs.com/package/@astrojs/image), i wiele więcej. Połączcie Astro z [waszym ulubionym systemem CMS](https://astro.build/integrations/) lub [deploy'ujcie na wasz ulubiony hosting](/pl/guides/deploy/) używając pojedynczej komendy.
87+
Nasza gościnna, pełna szacunku i inkluzywna społeczność na Discordzie jest gotowa do zapewnienia ci wsparcia i motywacji. Rozpocznij wątek w `#support`, by uzyskać pomoc dla swojego projektu. Odwiedź nasz dedykowany kanał `#showcase`, aby podzielić się swoimi stronami Astro, postami na blogu, filmikami, a nawet projektami, nad którymi nadal pracujesz, aby otrzymać odpowiednią informację zwrotną i konstruktywną krytykę. Weź udział w regularnych wydarzeniach na żywo, takich jak nasz cotygodniowy call społeczności, "Talking and Doc'ing" oraz poskramianie API/bugów.
7688

77-
Astro ma agnostyczne podejście do interfejsu użytkownika, co oznacza, że możecie **użyć waszego ulubionego frameworku UI (ang. *"Bring Your Own UI Framework"* - BYOF)**. React, Preact, Solid, Svelte, Vue, i Lit są oficjalnie wspierane przez Astro. Możecie nawet korzystać z różnych frameworków w ramach jednej strony, co ułatwi przyszłe migracje i pomoże uniknąć zbytniej zależności od pojedynczego frameworku.
89+
Jako projekt open-source, witamy wkład każdego typu i rozmiaru od członków społeczności na każdym poziomie doświadczenia. Zapraszamy cię do wzięcia udziału w dyskusjach o przyszłości Astro i mamy nadzieję, że dołożysz się do naprawy bugów i implementacji nowych funkcji w naszej podstawowej bazie kodu, kompilatorze, dokumentacji, narzędziach językowych, stronach i innych projektach.

0 commit comments

Comments
 (0)