Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

Next.js

Kategoria: Technologia

Społeczność programistów Next.js

  • 25 członków
  • 2 wpisy

Specjalista

w Next.js

1piorunów

  Uczę się nexta i nie do końca jeszcze ogarniam jak to wszystko działa. W folderze pages mam plik cart.tsx do wyświetlania koszyka ecommerce i z tym nie mam problemu ale nie wiem jaki jest prawidłowy sposób na podmianę url w pasku wyszukiwania tak żeby zamiast localhost/cart było wyświetlane localhost/koszyk.

Aktualnie w pliku [...slug].tsx dodałem prostego ifa, że jeśli slug === 'koszyk' to zwracam stronę cart.tsx tak jakbym zwracał normalny komponent ale jakoś to mi tak źle wygląda

Wcześniej próbowałem w next.config.js dodać redirects/rewrites ale wtedy miałem taki efekt że po wejściu na localhost/koszyk przez chwilę było widać localhost/cart i dopiero potem localhost/koszyk przy czym ta strona tak naprawdę lądowała się 3 razy (koszyk>cart>koszyk)

Statysta1piorunów

@dupaXDDDDD Najprostszy sposób to utworzenie pliku z koszykiem per język w pages: np. pages/koszyk.tsx, pages/cart.tsx i importowanie w tych plikach komponentu strony, który będzie wspólny dla wszystkich tych stron np. CartPage.tsx. Tam będziesz na bazie pathname decydował jaki jest język i wyświetlał odpowiednie rzeczy na stronie.

Statysta1piorunów

@dupaXDDDDD Druga opcja to middleware, ale nie wiem gdzie hostujesz to nawet o tym nie wspominamn bo mój sposób z wyżej jest najszybszy chyba w zbudowaniu zadziała nawet dla npm next export i deployu static files gdziekolwiek. Czyli nie wymaga ciągłego trzymania procesu node na serwerze (next start).

Pokaż więcej komentarzy (5)

Specjalista

w Next.js

3piorunów

W ramach nauki i z racji że i tak nie mam co robić to robię headlessowego wordpressa z woocommercem i mam wrażenie że mechanika kuponów promocyjnych będzie najbardziej jednostkowo rozbudowaną sekcją w całym projekcie. Strona blogowa cyk wyciągam wszystkie bloki i działa, strona produktu wyciągam zdjęcie tytuł cenę etc i jest a te kupony zajebane to co chwilę jak patrze jakieś wyłączony produkty, wyłączone kategorie, produkty do których kupon tylko się aplikuje i milion innych ograniczeń, które trzeba sprawdzić XD