You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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."
4
4
i18nReady: true
5
5
---
6
6
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.
8
8
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
10
10
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.
12
12
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:
18
14
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.
20
21
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
22
23
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.
24
25
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...
26
27
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.
30
33
34
+
### Skoncentrowane na treści
31
35
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.
33
37
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.
35
39
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.
37
47
38
48
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.
39
49
40
-
## Domyślnie szybki
50
+
###Domyślnie szybkie
41
51
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:
43
53
44
54
- Każde 100ms szybciej → 1% więcej konwersji ([Mobify](https://web.dev/why-speed-matters/), dodatkowe $380,000/rok)
45
55
- 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
50
60
51
61
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.
52
62
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.**
54
64
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).
56
66
57
67
58
-
##Łatwy w użyciu
68
+
### Łatwe w użyciu
59
69
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.
61
71
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.
63
73
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.
65
75
66
76
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ą.
67
77
68
78
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.
69
79
70
80
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.
72
84
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.
74
86
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.
76
88
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