Technologie
Techno-
logie
GatsbyJS + ReactJS
Można mówić o React'owym podejściu do rozwiązywania problemów architektonicznych i strukturalnych związanych z kodem. Jendak React, to nie tylko sposób pisania aplikacji, ale również rozbudowane narzędzie (SPA - Single Page Aplication), które należy pobrać i zainstalować w swoim edytorze - jest więc też bliblioteką, opartą o jęzk JSX. To wlaśnie JSX i budowa aplikacji na podstawie niezależnych komponentów stanowi o wartości React'a. Połączenie logiki i struktury czyni kod bardziej intuicyjnym, natomiast możliwość wielokrotnego użycia danego komponentu znacząco optymalizuje pracę programisty.
Netlify + DatoCMS + Firebase
Mówiąc w skrócie, jest to generator stron statycznych - oparty na React'cie oraz GraphQL. Dziś wiele się mówi o znaczeniu pozycjonowania stron. Z Gatsby.js można otrzymać statyczny kod, który jest zupełnie przejrzysty dla Google Crawler'ów (tzw. Googlebot'ów) i umożliwia pełną indeksację, co w połączeniu z szybkością działania strony budowanej w tej technologii, daje efekt w postaci niemal 100% punktów w aplikacjach służących do oceny wydajności strony, takich jak np. Page Speed Insights (od Google) czy GTMetrix - a jest to kluczowy czynnik w pozycjonowaniu. Hosting takiej strony/aplikacji jest zdecydowanie tańszy - wykorzystuje się tu rozproszone serwery w chmurze (CDN), a ew. opłaty dotyczą jedynie transferu danych. Gatsby, to projekt Open-Source - a co za tym idzie, możemy się spodziewać jego dynamicznego rozwoju w przyszłości.
Wordpress + ACF + PHP
Usługa (Open-Source) hostingu w chmurze, która umożliwia bezserwerową obsługę stron statycznych przy wykorzystaniu zdalych repozytoriów, takich jak GitLab, GitHub czy BitbucketAPI. Obsguje pliki JSON, YAML, TOML i Markdown, witryn powstałych przy użyciu generatorów stron statycznych m.in: Next.js, Jekyll, Hexo, Hugo oraz (mój typ) Gatsby.js. Jako, że Netlify oparty jest na kodzie otwartym, w jego rozwoju uczestniczy szeroka społeczność programistów z całego świata, co ma pozytywny wpływ na jego rozwóji elastyczność.
Shoper + JS + CSS
Myślę, że tego serwisu nie trzeba nikomu szczególnie przedstawiać. Bardzo popularny system kontroli wersji, GIT - w połączeniu z niemniej znanym GitHub'em, czyli usługą hostingu dla repozytorium, stanowi podstawę tego, co jest potrzebne do pracy nad projektem w zespole. Tworząc swoje portfolio w ReactJS/GatsbyJS wykorzystuję GitHub również w roli źródła dla zintegrowanej usługi Netlify, która tworzy wersję produkcyjną strony, podpina pod właściwą domenę i udostępnia ją w sieci.
Photoshop, AdobeXD, Photopea
Rozwiązania typu Headless CMS, w przeciwieństwie do zływkłych CMS'ów, takich jak np. popularny WordPress, pozwalają użytkownikowi na zmianę wyłącznie samej treści na stronie, bez możliwości edycji jej wyglądu. DatoCMS jest właśnie takim rozwiązaniem - prostym w użyciu i dającym duże możliwości. Wystarczy utworzyć (darmowe) konto, stworzyć projekt oraz model, aby móc dodawać nowe wpisy w sposób nieingerujący bespośrednio w kod. Jest to rozwiązanie dedykowane przede wszystkim osobom nietechnicznym, ze wzlgędu na łatwość użycia (alternatywa np. dla MDX'a).
Copilot + Visual Studio Code + phpmyadmin
Interesujący, cloud'owy program graficzny, który pozwala w podstawowym zakresie (taki testowałem) na obróbkę grafik na stronę. Inspiracje czerpie z nowszych wersji Photoshopa - co do funkcji i wyglądu interfesju. Daje szeroki wybór formatów eksportu grafik. Od popularnych: JPG, PNG SVG, po bardziej wyszukane formaty, takie jak: WEBP, TIFF czy RAW. Umożliwia pracę na warstwach i daje do wykorzystania wygodne funkcje przeniesione żywcem z PS'a, np."różdżka" do zaznaczania, czy filtry do pracy z barwą/kształtem. Ponadto, aplikację można ściągnąć na komputer i działać w trybie offline. Warto zaznaczyć, że narzędzie jest zupełnie darmowe - raz, na jakiś czas pojawia się nienachalna prośba o wsparcie finansowe dla organizacji.