Kompetencje

Tworzenie stron internetowych w Astro

Strony internetowe w Astro
Strony internetowe w Astro

Szybka strona to suma wielu małych decyzji: jak ciężkie są zdjęcia, kiedy ładują się skrypty, ile kodu musi przetworzyć telefon. Astro daje do nich najlepszy punkt wyjścia, jaki znamy, a my pilnujemy reszty, od projektu w Figmie po pomiar na telefonie. Kod i treści zostają w Twoim repozytorium.

Projekt UX/UI z Figmy zamieniamy na komponenty Astro: nagłówki, karty, sekcje. Nowa podstrona powstaje z gotowych klocków, więc wygląda spójnie i nie trzeba jej projektować od zera.

Panel układamy pod Twoje rodzaje treści: wpisy, realizacje, oferty pracy, produkty. Pola mają podpowiedzi, a dane strukturalne dla Google strona buduje sama z tego, co wpiszesz.

Przenosimy strony z WordPressa, Webflow i Next.js razem z treściami. Każdy dotychczasowy adres zostaje albo dostaje przekierowanie 301, więc linki z innych stron i pozycje w Google nie przepadają.

Zgłoszenie z formularza trafia na Twoją skrzynkę przez Resend, a kontakt do MailerLite, bez płatnych automatyzacji typu Make. Spam zatrzymuje niewidoczny Turnstile od Cloudflare, bez przepisywania literek z obrazka.

Zaufali nam

Współpracowaliśmy przy projektach różnej wielkości. Mamy 20-letnie doświadczenie w pracy z małymi firmami i dużymi korporacjami.

DBPLUS
Key House Development
Maced Poland
Morizon.pl i Gratka.pl

Szybkość, której nie widać na makiecie

W Figmie każda strona wygląda dobrze. Różnicę widać dopiero na telefonie z przeciętnym internetem: czy zdjęcie w nagłówku pojawia się od razu, czy po dwóch sekundach. Dlatego przy stronach w Astro pilnujemy rzeczy, których projekt nie pokazuje.

Każde zdjęcie dostaje kilka wariantów rozmiaru, a przeglądarka pobiera ten, który pasuje do ekranu, zamiast oryginału w pełnej rozdzielczości. Grafiki z gradientami i ziarnem zapisujemy w AVIF, bo popularny WebP robi na nich widoczne schodki. Filmy w tle i odtwarzacze wideo ładują się dopiero wtedy, gdy zbliżają się do okna.

Skrypty marketingowe, czyli Google Tag Manager, GA4 i Clarity, działają tylko na stronie produkcyjnej. Wersje robocze nie zaśmiecają statystyk, a my mierzymy szybkość strony z nimi i bez nich, więc widać, ile kosztuje każdy dodany skrypt.

Style strony są wpisane w kod HTML, a nie w osobne pliki, które przeglądarka musi najpierw pobrać. Na koniec sprawdzamy stronę w PageSpeed Insights na telefonie, bo tam wynik jest najsurowszy, i poprawiamy to, co spowalnia pierwsze wyświetlenie.

Dlaczego Astro?

Sześć powodów, dla których budujemy strony firmowe w Astro

#1

Szybkość na komputerze i telefonie

Astro wysyła do przeglądarki gotowy HTML, a JavaScript tylko do elementów, które go potrzebują. Telefon ma mniej pracy, więc strona szybciej się pokazuje.

Kobieta ze słuchawkami przegląda stronę na telefonie w pociągu
#2

Otwarty kod

Astro jest open source na licencji MIT i działa u wielu dostawców hostingu. Stronę przeniesiesz do innej firmy bez przepisywania.

Programista czyta kod na monitorze w biurze
#3

Hosting od 0 zł

Gotowe pliki serwuje sieć CDN Cloudflare, Netlify albo Vercel. Większości stron firmowych wystarcza darmowy plan.

Dłoń wpina kabel sieciowy do panelu w serwerowni
#4

Treści z dowolnego źródła

Astro pobiera treści z systemu CMS, plików w repozytorium albo możesz je dodawać rozmawiając ze swoim ulubionym agentem: Claude Code czy Codex.

Kobieta robi notatki przy laptopie w domu
#5

Bez wtyczek do aktualizacji

Gotowe pliki nie mają wtyczek ani panelu logowania, które trzeba aktualizować co tydzień. Strony pod naszą opieką aktualizujemy raz na kwartał.

Mężczyzna z kawą i laptopem odpoczywa na kanapie
#6

Wiele języków w standardzie

Wersje językowe z własnymi adresami, np. /en/, i znacznikami hreflang Astro obsługuje bez płatnych dodatków.

Drogowskaz z odległościami do miast na świecie

Przykładowe realizacje stron internetowych

Deltologic - strona www software house w Webflow
UX/UI Design
Webflow

Strona w Webflow dla Deltologic, software house'u dla sprzedawców na Amazonie

Deltologic to Software House z branży Marketplace Business tworzący dedykowane oprogramowanie i automatyzacje dla sprzedawców na platformach Amazon, Walmart, Ebay, Allegro i innych.

Apriva - strona www w Webflow i sklep Shopify
UX/UI Design
Webflow
Shopify

Strona w Webflow i sklep na Shopify dla Apriva, dystrybutora maszyn czyszczących

Dla Apriva, firmy specjalizującej się w dystrybucji maszyn do czyszczenia miast, obiektów przemysłowych i infrastruktury komunalnej, zaprojektowaliśmy stronę internetową z katalogiem produktów oraz wdrożyliśmy sklep e-commerce w technologii Shopify.

Referencje
Po omówieniu naszego pomysłu zobaczyliśmy, że projekt przygotowany przez Hilvec był dokładnie tym, czego oczekiwaliśmy. Ich proaktywne podejście i to, że myśleli razem z nami, dały świetną stronę, która tuż po starcie zaczęła przynosić zapytania.
Nick van Xanten
Nick van Xanten
Marketing Manager w Yameo
Testimonial
Jak pracujemy?

Proces

1
Warsztat i mapa serwisu
2
Wybór CMS i architektura treści
3
Projekt UX/UI
4
Budowa w Astro i testy
5
Start i rozwój strony

Astro JS - dla jakich stron go wybieramy

Astro JS to framework stworzony z myślą o stronach, w których najważniejsza jest treść. Budujemy w nim strony firmowe i produktowe, blogi, bazy wiedzy, dokumentację i landing page kampanii. Gdy projekt jest bardziej aplikacją niż stroną, np. panelem klienta z logowaniem i danymi zmieniającymi się co chwilę, rozmawiamy o innym rozwiązaniu.

Astro czy Next.js

Oba frameworki pozwalają zbudować szybką stronę, ale startują z innego miejsca. Next.js powstał z myślą o aplikacjach, więc wysyła do przeglądarki więcej JavaScriptu i sprawdza się tam, gdzie interfejs stale reaguje na użytkownika. Astro zaczyna od strony bez skryptów i dokłada je tylko tam, gdzie są potrzebne, nawet jeśli komponent jest napisany w React. Przy stronie firmowej czy blogu to zwykle prostszy i szybszy wybór.

Blog i baza wiedzy w Astro

Wpisy, realizacje czy artykuły bazy wiedzy mają w Astro z góry określone pola: tytuł, zdjęcie, kategorię, opis dla Google. Astro sprawdza je przy każdym budowaniu strony, więc wpis bez opisu albo z błędną datą nie trafi na stronę. Treść piszesz w panelu CMS albo w pliku Markdown, a listy wpisów, kategorie i kolejne strony listy strona buduje sama.

Narzędzia, z których korzystamy i które wdrażamy

Poniżej narzędzia, w których projektujemy i budujemy strony w Astro, oraz te, które wdrażamy u klientów. Jeśli Twoja firma pracuje na innych, dopasujemy się do nich.

Astro
Astro JS
Claude AI
Claude
Figma
figma
Sanity CMS
Sanity CMS
Payload CMS
Payload CMS
Cloudflare
Cloudflare
Netlify
Netlify
Vercel
Vercel
Resend
Resend
GitHub
GitHub
Lottie Files
Lottie files
Jitter
Jitter
Magnific
Magnific
Spline 3D
Spline 3d
OpenAI - ChatGPT
open ai
Systemy CMS wdrażane z Astro

Wdrażamy CMS Sanity lub Payload

Oba systemy dają zespołowi wygodny panel do treści. Różnią się tym, gdzie są treści i kto dba o serwer.

KryteriumSanity CMSPayload CMS
Kto edytuje treśćTwój zespół, w panelu Sanity Studio w przeglądarceTwój zespół, w panelu administracyjnym Payload
Gdzie są treściW chmurze SanityW bazie danych na Twoim serwerze
Hosting paneluPo stronie Sanity, bez Twojego serweraTwój serwer albo chmura, np. Vercel, Cloudflare
Koszt utrzymaniaDarmowy plan na start, płatne plany za liczbę użytkownikówKod open source bez opłat, płacisz za serwer i bazę danych
Kiedy wybraćWielu redaktorów, praca na żywo, treści w kilku kanałachPełna kontrola nad danymi, własne funkcje, konta użytkowników
AktualizacjePo stronie SanityPo naszej stronie, w abonamencie opieki
Tworzenie stron w Astro

Pytania i odpowiedzi

Czym jest Astro?

Astro to otwarty framework do budowy stron internetowych z treścią, np. stron firmowych, blogów i dokumentacji. Buduje stronę do gotowych plików HTML i dodaje JavaScript tylko tam, gdzie jest potrzebny, dlatego strony w Astro szybko się ładują. Od stycznia 2026 roku twórcy Astro pracują w Cloudflare, a framework pozostaje otwarty i działa także u innych dostawców hostingu.

Czy Astro nadaje się do dużych serwisów?

Tak, szczególnie do takich, w których jest dużo treści. Każda podstrona powstaje z wyprzedzeniem jako gotowy plik, więc setna ładuje się tak samo szybko jak pierwsza. Funkcje, które muszą działać w locie, np. formularze, obsługuje mały kod po stronie serwera, uruchamiany tylko tam, gdzie jest potrzebny.

Ile kosztuje hosting strony w Astro?

Większości stron firmowych wystarcza darmowy plan Cloudflare, Netlify albo Vercel, bo strona to gotowe pliki serwowane przez sieć CDN. Opłaty pojawiają się przy bardzo dużym ruchu albo przy płatnym planie CMS-u. Koszty hostingu i CMS-u wyliczamy, zanim zaczniemy projekt.

Czy przeniesiecie naszą stronę z WordPressa lub Webflow do Astro?

Tak. Wygląd odtwarzamy albo projektujemy na nowo, a treści, wpisy bloga i zdjęcia przenosimy do CMS-u albo do plików w repozytorium. Stare adresy zostają albo dostają przekierowanie 301, żeby strona nie straciła pozycji w Google.

Czy strona w Astro jest dobra dla SEO?

Tak. Strona w Astro to gotowy HTML, który Google czyta bez uruchamiania skryptów, a szybkie ładowanie pomaga w Core Web Vitals. Każda podstrona dostaje tytuł, opis, dane strukturalne i, przy kilku językach, znaczniki hreflang.

Czym strona w Astro różni się od strony na WordPressie?

WordPress składa stronę z bazy danych przy każdym wejściu i potrzebuje wtyczek, które trzeba regularnie aktualizować. Strona w Astro to gotowe pliki HTML, więc ładuje się szybciej i ma mniej miejsc, przez które można ją zaatakować. WordPress ma za to więcej gotowych wtyczek, dlatego zostawiamy go, gdy projekt wymaga takiej, której nie da się zastąpić.

Porozmawiajmy

Chcemy pomóc rozwinąć Twój biznes!