Strona statyczna (HTML i CSS tylko) oraz przyjazne linki (routing oparty o drzewo katalogów)

Question

Szczęść Boże i ratuj się kto może,

podpowiedzcie jak zrobić w stronie statycznej (sam HTML i CSS) przyjazne linki do stron, najlepiej po drzewie katalogów strony.

Czyli coś w rodzaju:

www.mojastrona.pl/wiertarki/udarowe

www.mojastrona.pl/wiertarki/udarowe/bosch

www.mojastrona.pl/wiertarki/udarowe/makita

www.mojastrona.pl/wiertarki/udarowe/makita/NH-WM1

www.mojastrona.pl/wiertarki/udarowe/makita/NH-PJN34

itd.itd.

Raczej bym nie chciał używać JS, no chyba, że trzeba. Wiem, że sprawę załatwiają gotowe static site generators, ale tu będzie bardzo prosta (prostacka wręcz) strona, więc chcę to zrobić samemu.

 

Dzięki za podpowiedzi!

Answer 1

Tak szczerze to rozwiązania pokroju Eleventy czy Astro (a nawet pradawny Jekyll) mają to out of the box. Natomiast jak chcesz to robić ręcznie, to tak naprawdę jedynym sensownym sposobem jest tworzenie katalogów dla każdej podstrony, w których byłby plik index.html.

Czyli adres www.mojastrona.pl/wiertarki/udarowe/makita oznacza taką strukturę katalogów:

/
| - wiertarki/
|   | - udarowe/
|   |   | - makita/
|   |   |   | - index.html

 

Comments

Eleventy nie znałem, ale chyba Astro lepsze (przynajmniej bardziej popularne).

To co wymyśliłem to jednak słaby pomysł :), bo jednak sporo kodu by się powtarzało (przynajmniej footer, header, menu) - słaby pomysł :)

Zainteresuje się Astro.

Dzięki!