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,
Wszystko
Najnowsze
Archiwum
- 3
konto usunięte via Wykop
- 1
@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:
Próbowałem:
useEffect(()=>{
const scroll = (event) => {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
źródło: details
Pobierz
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
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
źródło: comment_16672555066IwZZVm5ddeloRlOe5dg7Q.jpg
Pobierz- 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
5+ komercyjnego expa, pracuję w #frontend #react #nextjs i podobnych, trochę umiem
@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
- 0
Czy da się wysłać ciasteczka z przeglądarki korzystając z getServerSideProps? Chciałbym użyć ich do autentykacji na serwerze obsługującym baze danych do wyświetlania profilu użytkownika, ale własnie nie mogę żadnego ciasteczka wysłac w ten sposób. Korzystając z fetcha w "normalnej" funkcji komponentu nie ma problemu z wysłaniem ciasteczek, jedynie getServerSideProps nie chce współpracować :P
Ew. jeśli się nie da to czy ktoś z was obchodzi jakoś ten problem?
#node #javascript
Ew. jeśli się nie da to czy ktoś z was obchodzi jakoś ten problem?
#node #javascript
- 0
- 1
@nevill: po co tak kombinujesz? Skorzystaj z JWT, podpisuj każdy request tokenem i będziesz po stronie serwera decydował co i czy powinieneś zwrócić.
W jaki sposób polecacie hostować aplikacje Next.js na aws? To lista moich rzeczy, które zrobiłem.
Aktualnie strona działa tak:
AWS ECS -> Load Balancers -> Cloudfront, a do tego jeszcze mam media files na S3, ale mam wrażenie, że wychodzi strasznie drogo.
Strona używa node.js server, więc s3 static websites raczej odpada. No i fajnie by było jakby można było podpiąć deployment pod GHActions.
#aws #nodejs #programowanie
Aktualnie strona działa tak:
AWS ECS -> Load Balancers -> Cloudfront, a do tego jeszcze mam media files na S3, ale mam wrażenie, że wychodzi strasznie drogo.
Strona używa node.js server, więc s3 static websites raczej odpada. No i fajnie by było jakby można było podpiąć deployment pod GHActions.
#aws #nodejs #programowanie
- 0
@mmichal: Właśnie ten LB mnie najbardziej męczy, zwłaszcza, że jego aż tak nie potrzebuje, może faktycznie ec2 to będzie rozwiązanie, bo teraz używam Fargate
- 1
@veracholera: jak masz 1 noda to bez lb na ec2 rób :)
Polecicie jakieś kursy / tutoriale itp względem tego by zacząć naukę od podstaw względem Next.js i Vue.js?
Stale próbuje ale jakoś niezbyt mi wychodzi :P
#webdesign #devops #programowanie #nextjs #vuejs
Stale próbuje ale jakoś niezbyt mi wychodzi :P
#webdesign #devops #programowanie #nextjs #vuejs
źródło: comment_1647551002gNnB3zX65ySk9o9vnqDY17.jpg
Pobierz- 1
@Nowakovsky: vuemastery?
- 0
- 2
Marketing Remixa obnażony. Remix może być dobrym narzędziem, ale czy naprawdę budowanie tej marki musi być oparte o szary marketing? Razem z Jakubem analizujemy wpisy twórców Remixa i wprost mówimy, ile w tym faktów, a ile zwykłych bezczelnych kłamstw.
https://www.youtube.com/watch?v=XKeN9WsUAzM&list=PLfw7v_5i7LoL5q7a4myIcYcXuZt6WVkGd&index=6
#programowanie #nextjs #remix #react #reactjs #angular #typescript #javascript #js
https://www.youtube.com/watch?v=XKeN9WsUAzM&list=PLfw7v_5i7LoL5q7a4myIcYcXuZt6WVkGd&index=6
#programowanie #nextjs #remix #react #reactjs #angular #typescript #javascript #js
źródło: comment_1644575818YpmEBGWUYkenMqkDgWtTry.jpg
Pobierz- 0
Lepsza wydajność frameworka i kilka długo wyczekiwanych ficzerów! Sprawdź, co jeszcze nowego pojawiło się w Next.js 11.
https://bulldogjob.pl/news/1637-duzo-nowosci-w-next-js-11
#programowanie #naukaprogramowania #nextjs #frontend #javascript
https://bulldogjob.pl/news/1637-duzo-nowosci-w-next-js-11
#programowanie #naukaprogramowania #nextjs #frontend #javascript
źródło: comment_16238436052jZIbeX3kp5mGEfDZMUbDE.jpg
Pobierz- 4
Wczoraj na GitHubie w sekcji "Explore repositories" zobaczyłem projekt Blizt.js, zaciekawiła już mnie sama nazwa więc kliknąłem.
Od tego momentu zaczynam zabawę z Fullstack React Framework bazujący na Next.js i zainspirowany przez Ruby on Rails.
Nie musicie już pisać osobnego serwera backend i potem przez RESTfull czy GraphQL API łączyć się z Frontendem, Blitz to 'No API' gdzie możecie od razu pobrać/dodać informacje z/do bazy.
Po
Od tego momentu zaczynam zabawę z Fullstack React Framework bazujący na Next.js i zainspirowany przez Ruby on Rails.
Nie musicie już pisać osobnego serwera backend i potem przez RESTfull czy GraphQL API łączyć się z Frontendem, Blitz to 'No API' gdzie możecie od razu pobrać/dodać informacje z/do bazy.
Po
@aptitude: powinna być ustawa nakazująca zamieszczenie informacji przy każdym takim nowym projekcie javascriptowym, jak na paczkach fajek, że jeśli zdecydujesz się z niego skorzystać, tylko po to, by uprawiać onanizm technologiczny, to pod karą grzywny, jesteś zobowiązany utrzymywać taki kod przez następnych 10 lat
- 1
@Jednorybek: W Blitzjs? Czasami tak, ale wróciłem raczej do React i Deno.
Ale mam naklejkę BlitzJS na laptopie, więc muszę pracować w Blitzu xD
Ale mam naklejkę BlitzJS na laptopie, więc muszę pracować w Blitzu xD
źródło: comment_1668882968OLcSeDr0XcN4BoULNFl3hI.jpg
Pobierz- 6
@qwelukasz: cały czas express. Po prostu dobrze zaprojektowane api, niczego nie brakuje. Tylko to bardziej biblioteka a nie framework (sami się minimalistycznym nazywają). Nest jest batteries included, bardzo inspirowany podejściem javovym i opinionated (nie lubię).
Ale ja też zwykle mikroserwisy robię, tym bardziej dla mnie nest to overkill
Ale ja też zwykle mikroserwisy robię, tym bardziej dla mnie nest to overkill
jaki orm najlepszy do uzycia wraz z #nextjs ? Chce zbudować automatycznie generowany panel admina na podstaiwe modeli z ORM.
#programowanie #webdev
#programowanie #webdev
































dokumentacja?