Pisanie frontendu jest jak jeżdżenie TIRem

Jesteś w punkcie A i masz dojechać do punktu B. Odpalasz navi, czyli Figma/Adobe/Canva czy czego tam używają designerzy i jedziesz z koksem. Wydawało by się, że za oknem krajobraz się zmienia, przeżywamy przygodę ale tak na prawdę chodzi tylko o to żeby siedzieć i robić.

Dużo szumu zrobił ostatnio nowy model językowy od Googla - Geminni-2.5 czy coś takiego. Podobno mistrz kodowania. Jak testować to w pełnym boju. Dobrze się więc złożyło, że przyszedł klient na prywatę. Landing page dla salonu masażu, raczej prosta robota. Bez AI myślę, że dla mnie jakieś 14-18h, założyłem, że z AI zrobie to w 8h. Warto zaznaczyć, że gdyby nie chęć przetestowania nowego modelu nie podjął bym się zadania. Zwyczajnie nie chce mi się już jeździć TIRem.

Wycena 1200 netto. Strona + deployment jako kontener.
Stack: #nextjs #tailwindcss #cursor (czy IDE stało się już stackiem do kodowania? A może zawsze było) - nextjs i tak jest za dużym działem na taki landing ale ja po prostu go lubię i znam i nie chce mi sie babrać z bardziej vanillowym JSem. W ramach ciekawostki to znowu poszedłem w TypeScripta w ramach switchu na typowane języki. Z AI jest to całkowicie przeźroczyste.

Wrażenia?
Jestem bardzo pozytywnie zaskoczony. Poprzedni projekt na takim samym stacku tylko z Claude Sonnetem 3.7 poszedł dużo, dużo gorzej. Model od Googla faktycznie radzi sobie świetnie. Przede wszystkim wreszcie dobrze radzi sobie z promtem "Create component based on given design" wklejam screenshot, jeśli potrzeba to coś tam jeszcze opisuje i dostaje faktycznie clean code. Nadal trochę nazmyślane ale to bardziej wina cursora niż modelu. Cursor musi popracować nad promptami i dostępem do całego projektu.

Używanie gotowych komponentów jak shadcn jest już kompletnie niepotrzebne. "Create component based on given design. Sections must be collapsable..." załatwia sprawe. Dostajesz clean code bez niepotrzebnych bibliotek.

Ostatecznie wyszło lekko ponad 10h, z tym, że na pewno będą jeszcze jakieś poprawki więc zakładam, że zamknę się w 12h.
Niestety stawka stopniała ze 150 do 100 zl/h no ale przecież nie dla pieniędzy jeździ się TIRem

Link do wersji devowej tutaj https://masowanie.zboina.pl/ - mobile imo wygląda lepiej

Oczywiście będziemy jeszcze robili title, desciption, og:image i ten cały bzdurny stuff.
Jak zobaczycie coś popsutego to dajcie znać

#programowanie #webdev #ai #vibecoding ? xD nie to nie vibe coding jednak małe partie i sporo poprawiania

Zacznę tutaj, na Hejto, żeby rozgrzewkowo sformułować sobie problem. Chociaż mam nadzieję, że pomożecie mi rozwiązać temat

Mam taki produkt Comtegra GPU Cloud, Comtegra GPU Core https://cgc.comtegra.cloud i ostatnio udało nam się wykonać 2 on-premowe wdrożenia, przez co urodziła mi się w głowie piękna idea "CGC Universe" - jeśli kupisz infre z naszym stackiem, możesz dołączyć do naszego wszechświata dzięki czemu ty będziesz miał dostęp do wszystkich otwartych klastrów jak również jeśli będziesz chciał my możemy oferować naszym klientom cloudowym twój klaster jeśli masz jakieś wolne zasoby. Sprzedajemy GPU, w sensie ich moc obliczeniową.

Na stronie mamy taką sekcje early adopters, która jest już brzydka i przestarzała dlatego chciał bym tam wstawić coś na kształt pic rel.

I tu pytanie do was #programowanie #webdev #grafika

Nie chce rysunku, chce kod, jest tu ktoś kto zna się na rysowaniu w JS? Strona jest na #nextjs więc implementacja czegokolwiek dodatkowego nie jest problemem.
Chce stworzyć jasne wytyczne dla kogoś kto narysuje mi bloki takie jak Core (pomarańczowy, energia buzuje, wyskakują jakieś cząsteczki), chmurkę (jako połączenie do neta), łańcuchy (jako klaster za VPNem), sprytne strzałeczki żeby to wszystko połączyć. Jak na razie wszystko widzę w jakimś 8-bit.
Chce żeby to było zrobione tak, że potem z łatwością będę dodawał sobie kolejne rzeczy (w kodzie oczywiście, nie oczekuje UI żeby tym zarządzać).
Ofc hover i click po to żeby podejrzeć detale Core-a (nazwa, ip, dostępne zasoby) - jeśli klient wyraża zgodę.

A w tajemnicy powiem wam, że jeden klient wyraził zgodę. Nie byle jaki klient bo Polibuda Wrocławska. Tak więc projekt nabrał szybszego tempa. Zaraz w ofercie będziemy mieli dostępne NVIDIA H100

Ktoś coś? Oczywiście jeśli znacie kogoś kto może coś takiego wykonać to czym prędzej dajcie znać Robota od zaraz

Podstawowe logowanie błędów do małej aplikacji w #javascript nie za miliony monet? Ma wyświetlić ładną stronę błędu po stronie serwera lub klienta, wysłać mi error ze stack trace, idealnie prawdziwym. Słucham propozycji.
Miałem sentry, ale do małego projektu to overkill, a w wersji darmowej resursów wystarczyło na tydzień.
Stack: #react #prisma #node #nextjs #pm2, trochę #testowanieoprogramowania

#nextjs #programowanie 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)

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

Next.js czy Gatsby? Widzę, że hejto jest za pierwszą opcją.