1.01 (1) SSR, SSG, SPA czy MPA?
1.01 SSR, SSG, SPA czy MPA? W pierwszym odcinku podcastu PiwnicaIT rozmawiamy o różnych podejściach do tworzenia aplikacji webowych. Poruszamy tematy związane z SPA, SSG, SSR czy MPA w ujęciu webdevelopmentu. Omawiamy nasze doświadczenia w pracy z różnymi bibliotekami i frameworkami dostępnymi na rynku. Materiały dodatkowe: Qwik Svelte How to pick Web Framework in 2023 NextJS Gatsby React 10 Rendering Patterns for Web Apps Rozmawiają: Wojciech Skorupa [linkedin] Mateusz Jabłoński [www] [linkedin]
Tak naprawdę od tego nie uciekniemy. Co myślisz? Masz rację Mateuszu, jest to rzecz nieunikniona. Myślę, że każdy deweloper słyszał o takich frameworkach jak chociażby Next.js czy Gatsby. Myślę, że jest to fajne o tyle, że oferują one naprawdę coś specjalnego i coś czego tak naprawdę nie da się na razie jeszcze natywnie osiągnąć za pomocą Reacta. I rozwiązujemy realne problemy, z którymi boryka się, czy też borykają się takie nowoczesne aplikacje w sieci. Takie nowoczesne aplikacje w sieci.
Więc tak naprawdę może, jeżeli chciałbyś z React, nie mam doświadczenia akurat w Gatsbym, nie wiem czy masz jakieś, natomiast nie wiem jak się szybko pisze w Gatsbym, Natomiast jeżeli się pisze szybko, to może Gatsby też jest takim właśnie narzędziem, które byłoby gdzieś tam pomiędzy mną a tobą. Pomiędzy tym moim podejściem, które stara się skupić na tym, co potrzebuje klient, nie mówię, że tego nie chcesz zrobić, Że bardziej skupiasz się na tej drugiej części, tym Developer XP. To znaczy, wiesz co Mateusz, ja mam wrażenie, że my się zgadzamy, tylko trochę patrzymy na inne strony tego samego problemu. Bo ty mówisz właśnie o czasie i tym, jak szybko możemy dostarczyć temu klientowi tak naprawdę tą stronę.
Nie, nie. No nie. No właśnie, więc... Raczej bym wybrał... No dobra. A mówiliśmy, że jak już mówiliśmy, że jesteśmy przy tym przystęp HTML-u, to jesteśmy przy SSG. Jeżeli jesteśmy przy SSG, to jesteśmy przy Gatsby. Kiedy SSG? SSG wtedy, kiedy chcemy, tak jak mówiliśmy, postawić jakąś prostą stronę, która ma mało widoków, nie jest superdynamiczna, nieczęsto się zmienia, bo SSG generuje nam te HTML-e, CSS-e wtedy, w trakcie procesu budowania projektu. No ale wydawałoby się, że w takim ujęciu SSG jest najciekawszym rozwiązaniem. Natomiast Gatsby od pewnego czasu zalicza spadki popularności.
To w takim razie, jak myślisz? SSG ma w ogóle sens jeszcze? Co się stało z tym Gatsbym? A bo co jest powodem tego, że to się tak zmienia? To są wszystko dobre pytania, mam tylko przypuszczenia, ale wydaje mi się, że SSG jako sama technologia to jest dalej dobra rzecz, która ma zdecydowanie swoje miejsce. I też widać to na przestrzeni różnych frameworków. Może nie akurat Gatsbym, czy też po Gatsbym, ale na takich frameworkach jak Astro czy Quick, o którym Ci wspominałem. Myślę, że problem Gatsby'ego jest trochę inny. Moim zdaniem główny problem, który jest w tym frameworku, to jest jego złożoność i skomplikowaność, która jest trochę, właśnie mam wrażenie, że to jest strzelanie, wiesz, ze strzelby do buch.
Czy też zarmaty do kaczek, ponieważ on między innymi wykorzystuje GraphQL do generowania tych statycznych stron, który myślę, że jest totalną przesadą w tym kontekście, tak? Generujesz statyczną stronę, a masz wrażenie, że wiesz, pracujesz z jakimś mega skomplikowanym produktem, tak? Nie wiem, czy ty miałeś doświadczenie jakieś z Gatsbym i czy masz może inne wrażenie, dlaczego on właśnie zalicza takie spadki popularności? Ja słyszałem znowuż o Gatsby, nie pracowałem z nim osobiście, tylko w jakimś komercyjnym projekcie, tylko tak trochę prywatnie się bawiłem. Natomiast z tego co spotkałem się, znowuż uderza o tą strunę biznesową, że bardzo często porównuje się Gatsby'ego do narzędzi typu Wordpress.
Tak, napiszesz do mnie, ja Ci wszystko zrobię, a jakbym wybrał MPA, wybiorę jakiegoś CMS-a, jakiegokolwiek, nawet starą dżumlę, Tak? To on sam sobie to wyklika. W pewnym sensie. Kurczę, koszmary. Teraz Gatsby wypełniał tą lukę wypełniał tak naprawdę gdzieś na rynku, wydaje mi się. Tyle tylko, że trochę zaniemógł w porównaniu do mnogości opcji, które dostarczają rozwiązania na przykład MPA. No bo jeżeli byśmy spojrzeli na Gatsbiego Na przykład Nexta, no to tutaj mamy już większe pole do popisu, ponieważ Next też może nam generować SSG.
I porównując Nexta na przykład z Gatsbym, wydaje mi się, że większość wybierze Nexta, bo Next więcej oferuje. Więc ten Developer Experience daje większą swobodę. To podejście hybrydowe da nam większą swobodę niż przy Gatsbym. Zgadzam się z Tobą. Mamy narzędzie Gatsby'ego jako Do tego miejsca, w którym Gatsby jest, czyli do budowania prostych, szybkich, dynamicznych stron, to tutaj może się pojawić ta rozbieżność. Czy to będzie bardziej MPA, czy to będzie bardziej SSR? Nie chodzi nam o całą technologię, o podejście do technologii, tylko bardziej, w którą stronę to przypisać. Więc biznesowo ten Gatsby mi się nie klei.
Ta integracja z tymi częściami aplikacji, które są statyczne, są hybrydowe, są dynamiczne jest zdecydowanie lepsza niż w Gatsby. Więc myślę, że dlatego ten Gatsby jest ostatnio troszkę jest gorzej. Co prawda też trzeba przyznać, że nie jest to tak, że nie żyje, bo został zakupiony ostatnio Nie, nie, rozwija się. Wyszła ostatnio wersja piąta. Został zakupiony również przez Vercel, czyli spółkę, matkę tak naprawdę Nexta, jeśli można tak powiedzieć. Nexta. Tak, więc zdecydowanie ktoś jeszcze z tego korzysta. Wmerżują to do codebase'u Nexta.
Pokazano wszystkie 8 dopasowań. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.
Mateusz przedstawia gościa, Wojtka, JS-owego ogarniacza.
Mateusz wprowadza w temat Server Side Rendering (SSR).
Wojtek i Mateusz dyskutują o SSR, jego przyszłości i zastosowaniach.
Wojtek i Mateusz poruszają temat porównania SSR, SPA i SSG.
Rozmowa o zastosowaniach technologii w zależności od projektu.
Wojtek i Mateusz dyskutują o wyborze technologii dla projektu MVP.
Rozmowa o porównaniu Nexta i Gatsby'ego.
Wojtek i Mateusz poruszają temat innych technologii takich jak Svelte i Remix.
Rozmowa o monopolie technologicznym i wpływach na wybor technologii.
Rozmowa o innych technologiach takich jak Vue i Angular.
Rozmowa skupiła się na porównaniu technologii front-endowych, takich jak SSR, SSG, SPA i MPA, pod kątem wydajności, SEO i developer experience.
Diskussja na temat przyszłości WordPressa jako platformy do tworzenia stron internetowych, porównanie z innymi technologiami i propozycje alternatyw.
Rozdziały i streszczenia generowane automatycznie. Pełna transkrypcja nie jest publikowana — wyszukaj frazę, aby zobaczyć dopasowane fragmenty.
Kliknij, aby znaleźć fragmenty, w których pada.
1.01 SSR, SSG, SPA czy MPA?
W pierwszym odcinku podcastu PiwnicaIT rozmawiamy o różnych podejściach do tworzenia aplikacji webowych. Poruszamy tematy związane z SPA, SSG, SSR czy MPA w ujęciu webdevelopmentu. Omawiamy nasze doświadczenia w pracy z różnymi bibliotekami i frameworkami dostępnymi na rynku.
Materiały dodatkowe:
Qwik Svelte How to pick Web Framework in 2023 NextJS Gatsby React 10 Rendering Patterns for Web AppsRozmawiają:
Wojciech Skorupa [linkedin] Mateusz Jabłoński [www] [linkedin]