Do next.js co wybrać na testy e2e, co na testowanie komponentów? Playwright czy Cypress? Vitest czy Jest? Jest i Cypress znam bo używam. Playwright zacząłem próbować ale strasznie wydaje mi się nieprzejrzysty w porównaniu do Cypress (może tak mi się wydaje bo jestem przyzwyczajony do Cypress). Co rekomendujecie?

#nextjs #frontend #cypress #playwright #react #programowanie
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@ra_s: jak znasz cypressa to wybor jest prosty, ja cypressa uzywam do e2e/api i komponentow. Co do playwrighta to racja - na start malo przystepny
  • Odpowiedz
via Wykop
  • 0
@imo0mfg: Wybrałem playwrighta na e2e... jest wyzwanie. Póki co idzie mi pisanie jak krew z nosa ale sie rozkrece z czasem. Do testowania komponentów, hooków i wszelakiej innej logiki wybrałem Vitest dla czelendżu.
  • Odpowiedz
W jaki sposób w monorepo dzielić typy między #nestjs a #nextjs?

W neście mamy entity i to sobie mogę wykorzystywać, ale tam są opisy relacji, walidacja.
A z drugiej strony chyba się nie da w next tego wykorzystać?

Jak to mądrze
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@richr: encja to nie jest coś co powinieneś pchać na frontend - robisz DTO, na które zostaje zmapowany obiekt domenowy i wtedy to DTO sobie współdzielisz miedzy aplikacjami i wykorzystujesz na UI.
  • Odpowiedz
@richr: Z NestJS wystawiasz jakieś API. Najczęściej REST lub GraphQL. W jednym i drugim przypadku generowana jest schema. Po stronie frontendu generujesz sobie klienta,

REST: https://openapi-generator.tech/, orval.dev, openapi-ts.dev
GraphQL: https://the-guild.dev/graphql/codegen

To jest standardowe podejście. Frontend z backendem powinien się integrować przez kontrakty, nie wyciąganie obiektów domenowych z środka aplikacji. To by było złamanie zasad hermetyzacji.
  • Odpowiedz
AWW () uroczę menele...
Jakiego menela wybierzesz na początek? Oto Legendy Rynsztoka! Gra przeglądarkowa która się tworzy na Twoich oczach XD

[https://kasaewa.github.io/Legendy-stronka-about/]oto link do stronki gdzie opisuje co udało się już zrobić 🤗
#menelgame #menel #zul #gamedev #gry #nostalgia #staregry #tworzegre #legendyrynsztoka #programowanie
Kasaewa - AWW (。◕‿‿◕。) uroczę menele...
Jakiego menela wybierzesz na początek? Oto Le...

źródło: image

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Kasaewa: fajnie tylko zrób bardziej prawdziwą wersję polskich meneli bo to jacyś ekskluzywni są :-) . Programować nie umiem ale muzykę jakbyś jakąś potrzebował to mam dużo zrobionych instrumentali.
  • Odpowiedz
supabase


@akademiafurania: dosyć często się przewija w projektach, raczej z pozytywnym odzewem. To chyba i tak można samodzielnie hostować, więc nie wtopisz tak jak ludzie kombinujący z polecanymi przez influencerów rozwiązaniami (np. Clerk, lol)
  • Odpowiedz
@akademiafurania: jak z każdym tego typu saasem - "zobacz jak łatwo z nami coś zrobić", "zacznij za darmo", a potem faktura niespodzianka na $1000, bo ci się nie chciało poświęcić czasu na coś co i tak powinno być twoim obowiązkiem (trzymanie danych u siebie) i można to było ogarnąć spędzając dzień-dwa na implementację next-auth, czy alternatyw.

Już nie wspomnę o tym, że branża "auth" to naciągacze, którzy wmówili ludziom, że
  • Odpowiedz
Treść przeznaczona dla osób powyżej 18 roku życia...
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć,
pytanie co do next i jego sporych zmian na przestrzeni ostatniego roku.
Mam na stronie głównej slider z dwoma elementami, na pierwszym slajdzie jest h1, na drugim h2, foto i trochę tekstu, wiadomo.
Next teraz wymusza dyrektywę 'use client' jeśli element ma być interaktywny. Treść generowana po stronie klienta nie jest SEO friendly, więc jak mogę zrobić by treść H1, H2 itd. została wygenerowana w sposób seo friendly, a następnie wyświetlona zgodnie z desginem.
Czy
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@beerman: Można się bawić z SSR, ale chyba najprościej wyrzucić slider, który sam w sobie nie jest SEO friendly i wstawić statyczny element. A wtedy czas zaoszczędzony i pora na CS'a ( ͡° ͜ʖ ͡°)
  • Odpowiedz
@beerman: Jak Ty decydujesz to jasne, że tak. Sam pracuję przy bardzo dużych projektach i dalej muszę slidery robić w co drugim z nich, bo biznesowi nie przetłumaczysz, ale poza tym, że niektórzy trzymają się tej bezsensownej mody to nie ma żadnego logicznego argumentu za używaniem karuzeli.
  • Odpowiedz
  • 0
@Rufurege1: ja ogarnąłem, ale ile urw poleciało w kierunku niedorobionego server actions... jeszcze dzisiaj rano kombinowałem z jakimś workaroundem wygrzebanym z "issues".
  • Odpowiedz
#cpanel #nextjs #nodejs #cyberfolks

Cześć, czy ktoś uruchamiał z was aplikację next.js na hostingu cyberfolks lub generalnie na cpanel? Postawiłem aplikację node, wrzuciłem pliki aplikacji i utworzyłem plik server.js, przez który ma się uruchomić aplikacja ale mam blank page i wydaje mi się, że jakiś problem z htaccess bo lokalnie działa poprawnie.
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej, mam takie pytanie. Uczę się Next.js i mam taką zagwozdkę.
Otóż przeszedłem z czystego Reacta na Next.js. Przyjmijmy że potrzebowałem jakiegoś state w całej aplikacji, używałem do tego ContextAPI, Reduxa albo czasami nawet bawiłem się w props drilling i było spoczko. A jak mogę to robić w Next.js, aby zachować SSR, SSG?
Jakoś moja głowa nie może tego ogarnąć. Gdzie mogę trzymać taki state albo dane do których muszę mieć wszędzie dostęp, bo
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mireczki mam doświadczenie z angularem, a teraz próbuje nauczyć się myślenia reactowego z nextjs i zastanawiam się jak podchodzicie do sytuacji gdy macie 3 komponenty + parent.

Parent trzyma: filtry + view + editor

I teraz jak przekazujecie informacje z filtrów do edytora w momencie gdy jest ich ogrom, trzymanie funkcji pośredniczących w parencie wydaje mi się trochę nieporęczne bo tylko będą się wywoływać i tyle - takie przelotki.

Oczywiście
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 1
@kolargolo: o tym, że context rerenderuje to jeszcze nie wiedziałem, ale samo sterowanie contextem jest niewygodne dla mnie więc przynajmniej ominę te bolączki.
Dzięki mirek za porady.
  • Odpowiedz
#react #nextjs #openai #javascript #programowanie

Zrobiłem stronę i wysyłam do obczajki, można logować przez Google i rejestrować przez email/haslo. Strona to generator obrazków, więc jak potrzebujecie do projektu to za darmo możecie sobie wygenerować - generowałem na nim obrazki do swoich. Przyjmuje prompty po polsku ale lepiej pisać po angielsku.
Link:


lufa08 - #react #nextjs #openai #javascript #programowanie

Zrobiłem stronę i wysyłam...

źródło: 5

Pobierz
  • 20
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@lufa08: Te syntetyczne testy też trzeba umieć analizować. Wysoki wynik wcale nie musi oznaczać dobrze stworzonej strony, która będzie bez problemu przetwarzana przez roboty i ludzi, a niski złej.
Przykładowo alty obrazków można uzupełnić czymkolwiek, a można to zrobić jak należy i zarówno odbiorcy korzystający z czytników i roboty będą zadowolone.
Jeśli wszędzie masz praktycznie to samo to co w przypadku, gdy ktoś korzysta z czytnika, obrazek się na załaduje
  • Odpowiedz
Czy tylko mi się wydaje, czy full-stackowe strony korzystające z komponentów serwerowych forsowanych przez zespół Reacta działają jak totalny śmietnik? Aż mi się odechciewa robić czegokolwiek jak widzę jak wolno działają jedne z największych open-sourcowych repo, np: https://skateshop.sadmn.com/ , https://nextjs-starter-kit.liveblocks.app/dashboard albo https://tx.shadcn.com/ . Po zalogowaniu się, w dashboardach występuje lag i ładowanie dosłownie po każdym kliku. O dziwo ostatnio wrzucony Platforms Starter Kit (https://vercel.com/templates/next.js/platforms-starter-kit) działa bez żadnego laga nawet w dashboardzie,
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Próbuję uzyskać pozycję scrolla w #nextjs i nic nie działa.

Próbowałem:

useEffect(()=>{
const scroll = (event) => {
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć, nie wiem jak was, ale mnie strasznie wkurzał oficjalny kalendarz F1, który można było subskrybować na ich stronie. Nie dość, że nazwy wydarzeń zaczynają się od emoji i są pisane wielkimi literami to większość nazwy to niepotrzebne informacje jak sponsorzy czy oficjalne nazwy wydarzeń.

Postanowiłem to naprawić i na bazie oficjalnego kalendarza utworzyłem swój własny. Jeśli coś się zmieni tam, to będzie widoczne też u mnie. Moje zmiany obejmują tylko wyczyszczenie
elektryk91 - Cześć, nie wiem jak was, ale mnie strasznie wkurzał oficjalny kalendarz ...

źródło: details

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach