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
@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
@pytam32: z mojego doświadczenia symfony tańsze, ma wersje LTS na kilka lat, lepsza wsteczna kompatybilność, mniej problemów z aktualizacjami jak ktoś ma trochę rozumu. W PHP i Symfony wszystkiego na da się zrobić, ale jak się da to pewnie będzie to najtańsza opcja.

z next i JS to jest ciągle walka z aktualizacjami bo jakiś lib nie działa z drugą po aktualizacji, co chwile w node są raporty bezpieczeństwa i korpo
  • Odpowiedz
@pytam32: Od tego, czy ktoś lepiej zna PHP, czy JS.

A tak poważniej, to wydaje mi się, że next.js z założenia skupia swoją uwagę głównie na frontend, ale może mam mylne postrzeganie, gdyż nie znam dokumentacji. Trudno wyobrazić mi sobie tam, jakieś bardziej zaawansowane rzeczy, które skupiają się na działaniach serwerowych, zarządzanie plikami, komunikację z bazą danych, obsługa jakiś innych rzeczy. Choć być może to wszystko jest możliwe. Pewnie do generowania
  • 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
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
Ale mnie #!$%@? z tym nextjs 13. #!$%@? tych nowych ficzerów. Na #!$%@? to komu jak muli jak sam #!$%@? a i tak wszędzie trzeba wrzucać "use client" żeby to jako tako działało.

#nextjs
  • Odpowiedz
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 te filtry
  • 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
@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 lub
  • 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,
Próbuję uzyskać pozycję scrolla w #nextjs i nic nie działa.

Próbowałem:

useEffect(()=>{
const scroll = (event) => {
console.log(window.scrollY)
}
window.addEventListener("scroll", scroll, false);
return () => window.removeEventListener("scroll", scroll, false);
},[])

i dalej nic. Co robię źle ?

#react #programowanie
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
@placebo_: wielki gatsby jest super - ekstra obsada mega klimat, ale next z nicholasem cagem tez jest w porzadku (na podstawie opowiadania Philipa K.Dicka). mimo wszystko wybieram Gatsbego
  • Odpowiedz
#webdev #react
Zebraliśmy się tutaj, żeby porozmawiać o najnowszej aktualizacji #nextjs a tak na prawdę to o strukturze plików w waszym projekcie.
Nowa wersja nextJS wprowadza folder /app, w którym routingi do kolejnych podstron będą folderami, które z kolei będą zawierały odpowiednie pliki. I tak, każdy taki folder będzie zawierał np. page.js.

Ogólnie już od dawna widziałem trend, że np. komponent to folder/index.js i wtedy masz latwiejszy import bez podawania nazwy
zboinek - #webdev #react
Zebraliśmy się tutaj, żeby porozmawiać o najnowszej aktuali...

źródło: comment_16672555066IwZZVm5ddeloRlOe5dg7Q.jpg

Pobierz
@zboinek: ja tam lubię index.js w katalogach z komponentami, ale służą one tylko i wyłącznie do eksportów. Zasadniczo nawet ich nie ruszam, bo mam tool, który mi je tworzy.

Na jakimś projekcie miałem komponenty bezpośrednio w index.js. Myślałem, że się potnę.
  • Odpowiedz
@zboinek: To react native.

Tailwinda miałem na jakimś projekcie. Możecie go sobie wsadzić w dupę a nie do mojego kodu xD

Co ja piszę komponent czy rozprawkę o tym, jak on ma wyglądać. Jeszcze tylko nasrać do tego.
  • Odpowiedz
@kolargolo: ja jeszcze nie wiem. Nowy fetching z use (bez getStaticProps/getServerSideProps) mi ryje banie, Turbopack nieprędko ogarnie używane przez nas pluginy, ale nowe layouty i komponenty po stronie serwera już widzę w appkach. Problem widzę przekonaniu klientów do wyłożenia kasy na nową wersję :(

dla reszty:
https://nextjs.org/blog/next-13
  • Odpowiedz
@ujdzie: możesz zawsze zrobic update i powoli wprowadzac zmiany do istniejacego projektu powoli implementujac nowosci, nie trzeba orac i robic od nowa, ja tak teraz testuje i poki co nic nie wybuchlo. A co do nowosci to ja sie jaram tym nowym ujednoliconym podejsciem do fetchowania i cachowania danych w folderze app
  • Odpowiedz
Czy istnieją w Polsce firmy, gdzie są dobrze ogarnięte procesy projektowe i wdrożeniowe, gdzie są jasno określone role i zakresy ich odpowiedzialności, i gdzie przeciętny dzień pracy nie musi być w połowie zmarnowany na dopytywanie się o rzeczy, które powinny być jasno przegadane, opisane i udokumentowane, a w drugiej połowie na kompletnie niepotrzebne spotkania?

5+ komercyjnego expa, pracuję w #frontend #react #nextjs i podobnych, trochę umiem w #node lub #php oraz #