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

pytanie zadane 24 czerwca w HTML i CSS przez reaktywny Nałogowiec (42,140 p.)

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!

1 odpowiedź

odpowiedź 24 czerwca przez Comandeer Guru (604,780 p.)
wybrane 24 czerwca przez reaktywny

Najlepsza

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

komentarz 24 czerwca przez reaktywny Nałogowiec (42,140 p.)

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!