Wszystko
Wszystkie
Archiwum
- 0
- 0
#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.
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.
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
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
@Poli_Monoteista: wiekszosc libek, ktore trzymaja stan, beda wspierac cachowanie rowniez na serwerze. Chociazby react-query :)
@Poli_Monoteista: bo to dodali jakos niedawno :D
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
#nextjs
- 0
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
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
#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:
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: 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
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
@lufa08: jak się zaloguję na komórce na Chrome to trafiam na stronę https://decocanva.com/dashboard i nie wiem, co tam mogę zrobić więcej. Nie ma linku do niczego oprócz zmian w profilu oraz wylogowania.
Polecacie jakiś kurs #nextjs 13? Widze że trochę się zmieniło w porównaniu do poprzednich wersji. Może być płatny.
@Potezny_Odyniec: ten jest spoko: https://fireship.io/courses/nextjs/
- 3
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,
@Santiego:
app router ma taki zajebisty DX, ze co drugi wpis na reddicie /nextjs na niego narzeka xd
DX
app router ma taki zajebisty DX, ze co drugi wpis na reddicie /nextjs na niego narzeka xd
@Potezny_Odyniec Oracle cloud free tier
@Potezny_Odyniec: w zależności jak duża strona zobacz
mydevil.net
small.pl tutaj nawet teraz promocja jest ( ͡€ ͜ʖ ͡€)
mydevil.net
small.pl tutaj nawet teraz promocja jest ( ͡€ ͜ʖ ͡€)
- 0
Próbuję uzyskać pozycję scrolla w #nextjs i nic nie działa.
Próbowałem:
i dalej nic. Co robię źle ?
#react #programowanie
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
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
konto usunięte via Wykop
- 1
@elektryk91: podoba się dla mnie. pozdrawiam serdecznie.
#nextjs #programowanie
Znacie jakiś sensowny przykład jak zrobić logowanie i strony za security z rolami różnymi w next.js w jakiś taki prosty sensowny sposób jak np. w symfony?
Znacie jakiś sensowny przykład jak zrobić logowanie i strony za security z rolami różnymi w next.js w jakiś taki prosty sensowny sposób jak np. w symfony?
@asapa: ale trzeba wtedy jwt używać
- 0
Co lepsze, Gatsby czy Next? IMO next przewyższa gatsby pod każdym możliwym względem. #programowanie #gatsby #nextjs
co lepsze
- gatsby 11.8% (4)
- next 61.8% (21)
- coś innego 26.5% (9)
@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
@placebo_: przecież to są zupełnie różne rzeczy wykorzystywane do zupełnie innych celów
- 0
Klikał ktoś rozwiązanie z NextJS, który jest zintegrowany z Capacitorem i Electronem, gdzie folder/proces renderer odpowiada za content po bundlowaniu na desktop, webówkę i mobilkę? Jak tak to zapraszam dobrych samarytaninów do dyskusji. Płacę w plusach
- Jak rozwiązana jest struktura plików?
- Jak to ugryźć z poziomu webpacka?
#react #nextjs #frontend #programista15k #programowanie #javascript
- Jak rozwiązana jest struktura plików?
- Jak to ugryźć z poziomu webpacka?
#react #nextjs #frontend #programista15k #programowanie #javascript
- 2
#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
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
- 3
@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ę.
Na jakimś projekcie miałem komponenty bezpośrednio w index.js. Myślałem, że się potnę.
@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.
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.
- 0
@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
dla reszty:
https://nextjs.org/blog/next-13
- 1
@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
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 #
5+ komercyjnego expa, pracuję w #frontend #react #nextjs i podobnych, trochę umiem w #node lub #php oraz #
@staggermeister_: Takich firm ogólnie nie ma, bez znaczenia w Polsce czy zagranico
- 2
@kaaban: tego się właśnie obawiałem. Czasami się zastanawiam, jakim cudem ludzkość tyle osiągnęła, gdy patrzę na procesy pracy jakie zachodzą w IT XD
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