2. týden s Astrem

Oct 20, 2025

2. týden: Konečně web s více stránkami

20.–26. října 2025

Tenhle týden jsem se konečně dokopal k tomu, aby můj web vypadal jako skutečná stránka. Postavil jsem portfolio, co má 4 sekce – domov, o mně, projekty a kontakt.

Routing (aneb jak vznikají stránky)

Nejvíc mě překvapilo, jak Astro řeší nové stránky. Žádné složité nastavování, prostě vytvoříš soubor v src/pages/ a je to:

• index.astro → hlavní web
• about.astro → sekce o mně
• projects.astro → moje projekty

Žádná věda, jeden soubor se rovná jedna stránka. Dost geniální věc.

Layouty (šablony)

Ze začátku jsem pořád dokola kopíroval stejné HTML pro menu a patičku na každou stránku, což byla hrozná nuda. Pak jsem zjistil, že existují layouty.

Udělal jsem si MainLayout.astro se značkou <slot />. Tam se “vlije” obsah konkrétní stránky. Teď stačí upravit něco v layoutu a změní se to automaticky na celém webu.

<MainLayout>
  <h2>Tady je obsah stránky</h2>
</MainLayout>