Nasza ewolucja we wdrażaniu stron z ACF Pro na natywne bloki WordPress (bloki Gutenberg)

W ostatni piątek jako przedstawiciel LIKE.agency miałem przyjemność wziąć udział w Webinarze przeprowadzonym na LinuxPL przez Magdalenę Paciorek.

Na początku opowiedziałem o naszej długiej drodze – do miejsca, w którym się znajdujemy. Przeszliśmy naprawdę wiele zaczynając od mojej działalności Freelancera. Rozpoczynając od 'Cowboy coding’ aż po dzisiejszy stan – częściowej automatyzacji projektów i ciągłego rozwoju naszego web developmentu.

Nasz świat przed blokami Gutenberga 

Nasz świat przed blokami Gutenberga był oparty w pełni o ACF Pro. Jedynym problem w tym rozwiązaniu było skomplikowanie wdrożenia oraz czasochłonność. Dawało to bardzo dużo miejsca na błędy i stwarzało sporo trudności mniej doświadczonym developerom.

Każdy – nawet najprostszy blok należało zakodować od strony front-end i back-endowej. Oczywiście nasze rozwiązania były bardzo rozbudowane i łatwe w zarządzaniu – ale czasami po prostu za drogie przy najprostszych wdrożeniach.

Dlaczego bloki Gutenberg?

Nasz powód był prozaiczny – po prostu jeden z naszych stałych klientów wrócił do nas z projektem, w którym wymaganiem funkcjonalnym były bloki Gutenberga.

Nasz zespół oczywiście na początku podchodził sceptycznie do idei przejścia z ACF – w którym czuliśmy się naprawdę pewnie. Na szczęście zawsze znajdzie się ktoś chętny do eksperymentów – tym razem była to Justyna – nasz dzisiejszy Front End team leader.

Jak pracujemy z blokami Gutenberga?

Tak jak wspomniała Justyna – nasza praca nad nowym szablonem opartym na blokach WordPressa, zbiegła się z automatyzacją procesów oraz przerobieniem naszego szablonu startowego na Timbera (z Twigiem wykorzystanym do szablonowania).

Największym usprawnieniem pracy jest fakt, że większość bloków jest już gotowa i wystarczy je wy-klikać. Dzięki temu, oszczędzamy masę pracy backendowej i możemy skupić się na wdrażaniu dodatkowych funkcjonalności dla stron naszych klientów oraz ostylowaniu predefiniowanych bloków.

Aby oszczędzać budżet naszych klientów – często korzystamy z bloków dostarczonych przez sprawdzone wtyczki – oczywiście tylko wybrane do danego wdrożenia. Bardziej skomplikowane bloki i te dynamiczne – nadal dostarczamy w połączeniu Gutenberga z ACF Pro.

Nasz proces pracy nad projektem

Zmiana naszego workflow pracy z WordPress to zdecydowanie materiał na osobny wpis – ale postaram się opisać co z grubsza wykonaliśmy przy okazji wdrażania nowego szablonu z WordPress bazowanego na Gutenbergu:

1. Rozdzielenie pracy backend / front end – do tej pory pracowaliśmy przeważnie full stack – czyli jeden developer był odpowiedzialny za większość projektu – zmieniliśmy to poprzez podział na kolejne etapy całego wdrożenia.
2. Przyśpieszenie pracy Front End – dzięki postawieniu działającego modelu strony – praktycznie nad stylowaniem każdego bloku – może pracować inna osoba, nie wchodząc sobie w drogę.
3. Automatyzacja procesów – do postawienia WP używamy Composera, stawiamy wszystko za pomocą Dockera – cały proces toczy się na zasadach Continuous Integration.

Nasza opinia o Gutenbergu?

Oczywiście jest jeszcze wiele do zrobienia – ale w naszym odczuciu do jest już ten moment – w którym warto wskoczyć na pokład! Ambicje WordPress’a i Matta Mullenweg’a są jasne – chcą mocno popularyzować bloki WordPressa.

Zgadzamy się z Magdaleną – to na pewno jest przyszłość WordPress.
Jeśli chcecie funkcjonować jako pełnoprawni użytkownicy w ekosystemie WordPress – wskakujcie na pokład! Bloki Gutenberga są jego przyszłością

ps. cały post został napisany za pomocą Gutenberga – w tym wypadku bez ACF.

Zobacz webinar: https://webinary.pro-linuxpl.com/video50.html