WordCamp Gdynia 2023 nextgen oppsummering

WordCamp Gdynia 2023 NextGen fant sted lørdag 30. september 2023 på Morski Instytut Rybacki (Polens nasjonale havfiskeriforskningsinstitutt) i Hugo Kołłątaja 1 i Gdynia. Over 200 WordPress-utviklere, designere, byråeiere og entusiaster fra hele Polen deltok. Temaet, kunngjort på det offisielle nettstedet for arrangementet, var optimalisering: av arbeidet som gjøres med WordPress, og av selve WordPress.

Programmet gikk i to saler. Hovedsalen hadde 16 foredrag, og en annen sal hadde 4 workshops parallelt, gratis for alle med billett. Denne oppsummeringen følger den offisielle agendaen og sesjonsbeskrivelsene som arrangørene publiserte.

Trenger din virksomhet hjelp med avansert utvikling av plattformen, kan du lese mer om våre tjenester som WordPress-utvikler hos WPPoland.

#Hva en NextGen WordCamp er

NextGen var en eksperimentell fase i måten WordCamps organiseres på. Arrangørenes forklaring beskriver det som en invitasjon til lokale team om å foreslå nye arrangementsformater og temaer som svarer på det fellesskapet trenger nå. Klassiske WordCamps dekker en bred blanding av design, utvikling, SEO, markedsføring og innhold. Et NextGen-arrangement kan snevres inn til ett tema, ett publikum eller ett ferdighetsnivå.

Den samme forklaringen lister opp verdiene hver NextGen WordCamp måtte holde fast ved: senke tersklene for å delta, feire fellesskapet som helhet og ikke en bestemt bedrift eller person, og støtte mangfold. Gdynia valgte et endagsarrangement med ett tema, Optymalizacja: Praca i WordPress (optimalisering: arbeid og WordPress). Temaet var åpent for både nybegynnere og erfarne brukere.

Etterspørselen viste seg tidlig. Ifølge arrangørene ble alle Early Bird-billettene utsolgt på to og en halv dag. Den første invitasjonen til sponsorer i juni 2023 regnet med rundt hundre deltakere, og ved andre billettslipp i august ventet arrangørene nærmere 300 personer.

#Hvor WordCamp Gdynia 2023 ble holdt

Arrangementet ble holdt på det nasjonale havfiskeriforskningsinstituttet, noen få minutters gange fra jernbanestasjonen Gdynia Główna. Arrangørene skrev på arrangementsbloggen at instituttets historie går tilbake til 1921, da det startet som et fiskerilaboratorium på Hel. Deltakerne kunne parkere på instituttets område ved å melde seg ved bommen.

Arrangørteamet som står oppført på nettstedet, besto blant annet av Mariusz Szatkowski, Marcin Robin Andrzejewski, Katarzyna Gajewska, Rafał Osiński, Dawid Urbański, Hanna Szatkowska og Marcin Szatkowski. Trippelbyen (Gdańsk, Sopot og Gdynia) har lenge vært et sterkt knutepunkt i det polske teknologimiljøet. Opptakene ble senere publisert på YouTube-kanalen WordPress Trójmiasto.

#Åpning og tidsplan for WordCamp Gdynia 2023

Marcin Andrzejewski og Mariusz Szatkowski åpnet konferansen klokken 9.45 i begge salene, etter registrering fra klokken 9.00. Hele dagen, i lokal tid (CEST), så slik ut:

Ettermiddagsblokkene mellom 14.00 og 15.00 var lynforedrag på 15 minutter. Alle de andre foredragene i hovedsalen varte i 30 minutter.

#WordPress Playground og WebAssembly i nettleseren

Det første foredraget kom fra Adam Zieliński i Automattic, skaperen av WordPress Playground og core committer i WordPress. Tittelen kan oversettes til WordPress uten installasjon, datamaskin eller internett: bli kjent med WordPress Playground.

Arkitekturdokumentasjonen for Playground forklarer mekanismen. PHP-tolken kompileres til WebAssembly med Emscripten. WordPress trenger MySQL, men det finnes ingen WebAssembly-versjon av MySQL, så Playground leveres med PHP og SQLite-driveren, og den offisielle utvidelsen SQLite Database Integration skriver om MySQL-spørringer til SQLite-dialekt. En Service Worker håndterer HTTP-trafikken som ellers ville gått til en ekstern server.

ARKITEKTUREN TIL WORDPRESS PLAYGROUND I NETTLESEREN:
+-------------------------------------------------------------+
| Nettleser (Chrome / Firefox / Safari / Edge)                |
|                                                             |
| +-------------------------+     +-------------------------+ |
| | PHP-tolk kompilert      | <-> | SQLite-database via     | |
| | til WebAssembly (.wasm) |     | SQLite Integration      | |
| +-------------------------+     +-------------------------+ |
|              ^                                              |
|              | HTTP-forespørsler håndteres                  |
|              v av en Service Worker                         |
| +---------------------------------------------------------+ |
| | WordPress-kjernefiler + temaer + utvidelser             | |
| +---------------------------------------------------------+ |
+-------------------------------------------------------------+

Fordi hver PHP-versjon er en egen statisk .wasm-fil, betyr bytte av PHP-versjon bare at nettleseren laster ned en annen binærfil.

#Slik bruker utviklingsteam WordPress Playground

WordPress Playground har siden 2023 vokst til verktøy som utviklingsteam bruker hver dag:

1. Forhåndsvisning av pull requests: den offisielle WordPress Playground PR Preview Action legger til en forhåndsvisningsknapp på pull requests for utvidelser og temaer, slik at den som gjennomgår endringen kan teste den i nettleseren med ett klikk.
2. Kundedemoer fra en blueprint: en blueprint er en JSON-fil som beskriver WordPress-versjon, PHP-versjon, utvidelser og oppsettstrinn. Playground-dokumentasjonen viser hvordan den lastes inn med spørreparameteren ?blueprint-url=.
3. Ende-til-ende-tester: Playground-dokumentasjonen har en veiledning for å kjøre Playwright-tester mot en Playground-instans, slik at testene ikke trenger en delt staging-database.

<!-- Innebygging av en Playground-instans konfigurert med en blueprint-JSON-fil -->
<iframe
  src="https://playground.wordpress.net/?blueprint-url=https://example.com/blueprints/staging-test.json"
  width="100%"
  height="650"
  class="rounded-xl border border-gray-200"
  loading="lazy"
></iframe>

#Lage native Gutenberg-blokker og hooks i objektorientert kode

Dawid Urbański viste hvordan man kommer i gang med å bygge native blokker for Gutenberg-editoren. Ifølge sesjonsbeskrivelsen gikk han gjennom installasjon av WordPress, klargjøring av et tema, innlegging av JavaScript-filer, installasjon av pakken @wordpress/scripts, bygging av blokker med de tilgjengelige komponentene og til slutt kompilering av blokken og innsetting på en side i editoren. Han holdt seg til enkle eksempler, slik at hele prosessen var synlig.

For et nytt prosjekt er det offisielt støttede utgangspunktet @wordpress/create-block. Verktøyet setter opp en utvidelse som registrerer en blokk, genererer PHP, JavaScript og CSS og kobler inn det samme byggeoppsettet uten konfigurasjon.

Foredraget til Piotr Niewiadomski, OOP hook cares, handlet om et kjent irritasjonsmoment i objektorientert WordPress-kode: å registrere hver metode for hånd med add_action() og add_filter(). Han presenterte et bibliotek som automatisk kobler klassemetoder til riktige filtre og handlinger.

#Slik gjør du WP_Query raskere og teamprosjekter stabile

Przemek Hernik snakket to ganger. Foredraget hans i hovedsalen het Slik gjør du WP_Query opptil 100 ganger raskere med enkle designvalg. Poenget, ifølge beskrivelsen, var at arkitekturvalgene som tas før første kodelinje, avgjør hvor rask en utvidelse eller en skreddersydd kundeløsning blir. Han rettet det mot utvidelsesutviklere og utviklere som bygger spesialtilpassede løsninger.

Krystian Wójcik tok for seg hvordan man reduserer antall feil i teamprosjekter. Han snakket om utfordringene utviklingsteam møter, om hvordan man samkjører arbeidsmiljøet slik at alle utviklere kjører samme oppsett, og om hvorfor hele miljøet hører hjemme i Git.

Foredraget til Sebastian Kurzynowski, med tittelen Żuczki, Misie i kaizen (småkryp, bamser og kaizen), argumenterte for å stole på seg selv og på de man jobber med. Han beskrev teamstruktur, arbeidspraksis, utvikling og automatisering.

#Bildeoptimalisering, teknisk SEO og LCP i WordPress

Mateusz Gbiorczyk viste trinn for trinn hvordan man reduserer vekten på et WordPress-nettsted uten å miste bildekvalitet.

Tidspunktet var relevant. WordPress 6.3, som kom ut noen uker før konferansen, endret hvordan kjernen håndterer bilder. Utviklernotatet fra kjerneteamet sier at WordPress nå legger til fetchpriority="high" på bildet som mest sannsynlig er LCP-elementet, noe som “vanligvis forbedrer LCP med 5 til 10 %” (egen oversettelse). Den samme versjonen rettet de gjenværende tilfellene der kjernen lazy-lastet bilder som er synlige i visningsområdet, og samlet begge attributtene i én funksjon, wp_get_loading_optimization_attributes(). Temaer og utvidelser med egne regler for lazy loading trengte en gjennomgang etter 6.3.

Foredraget til Lena Sędkiewicz, Gå over til kraftens grønne side, handlet om teknisk SEO for WordPress. Hun tok utgangspunkt i kjente symptomer: et nettsted som laster for sakte, brukere som ikke finner det de leter etter, hyppige 404-feil og sider som brukerne liker, men som Google ikke ser. Foredraget gikk gjennom de tekniske grepene i WordPress som gir et nettsted mulighet til å rangere høyere i søkeresultatene.

Les mer om moderne formater i vår veiledning om AVIF og WebP.

#Hurtigbufring av WordPress som statisk nettsted

Foredraget til Max Matłoka, Til uendeligheten og videre: hurtigbuffer uten utløpsdato, beskrev hvordan man gjør et tradisjonelt WordPress-nettsted om til et statisk nettsted. Sesjonsbeskrivelsen fremhever hva dette betyr for ytelse og skalerbarhet, og han gikk også gjennom fordelene og utfordringene ved tilnærmingen.

Tomasz Lach så på optimalisering fra forretningssiden. Utgangspunktet hans: temaer, utvidelser, utvikling, salg og økonomi så ut til å fungere, og han var fornøyd. Så viste det seg at små, lite åpenbare endringer hadde stor effekt på arbeidet hans med WordPress og på hele virksomheten.

Tomasz Kołkiewicz fortalte historien om hvordan han bygde kommersielle produkter ut fra egne behov og observasjoner, og viste flere måter han optimaliserer sitt eget arbeid og sin egen virksomhet på.

#Produktimport i WooCommerce fra CSV

Piotr Misztal holdt en workshop på 90 minutter om import av produkter med importverktøyet som er innebygd i WooCommerce. Deltakerne lagde importfilen i et regneark (Excel, Calc, Numbers eller Google Sheets) etter standard kolonneoppsett i WooCommerce, lagret den riktig som CSV og importerte den. Workshopen dekket produkttyper, tilleggsinnstillinger, beskrivelser, priser, bilder, varianter, kategorier, stikkord, egendefinerte taksonomier, attributter og serialiserte data. Den viste også hvordan man raskt oppdaterer eksisterende produkter med samme metode.

Den gjeldende dokumentasjonen for CSV-importen i WooCommerce fyller inn detaljene. Importverktøyet finner eksisterende produkter etter ID eller SKU og hopper over en ID uten treff. Det støtter typene simple, variable, grouped, external, variation, virtual og downloadable. Kolonner det ikke kjenner igjen, ignoreres, men egendefinerte felt kan importeres med prefikset meta: i overskriften. Bilder må allerede være lastet opp eller tilgjengelige via URL, og importverktøyet i kjernen kan ikke sette alt-tekst for bilder. Store filer kan feile i én enkelt forespørsel, så dokumentasjonen anbefaler å dele dem opp i puljer.

Rafał Chrzan presenterte en case-studie av WooCommerce kombinert med Full Site Editing på toppen av Sage 10. Temaet var hvordan et team som allerede har et designsystem, kan bygge skreddersydde nettbutikkprosjekter raskere.

#GPT-utvidelse som skriver og publiserer WordPress-innlegg

Lynforedraget til Magdalena Paciorek het La GPT skrive og publisere for deg. Hun forklarte hvordan man bygger en utvidelse som publiserer blogginnlegg i WordPress automatisk ved hjelp av en GPT-modell. Utvidelsen henter kildetekster, bruker GPT til å klassifisere dem og hente ut data, og genererer deretter nye artikler til bloggen ut fra disse dataene.

#Delt eller dedikert hosting og GDPR

Wojciech Babicz snakket om å overlate personopplysninger til en hostingleverandør. Utgangspunktet hans: alle som driver en nettbutikk, et nettsted med skjema eller en e-postkasse, eller som har tilgang til en kundes hosting, behandler personopplysninger. GDPR (RODO på polsk) kom i 2018, interessen dabbet av, og mange bedrifter vet fortsatt ikke hvor personopplysningene havner, eller hvilke opplysninger de selv har. Han oppsummerte hva man må gjøre for å følge regelverket for hosting og databehandling. Det rettslige grunnlaget er artikkel 28 i GDPR, som slår fast at “behandling utført av en databehandler skal være underlagt en avtale eller et annet rettslig dokument i henhold til unionsretten eller medlemsstatenes nasjonale rett” (egen oversettelse).

Patryk Szymulewski avsluttet dagen med delt hosting sammenlignet med dedikert. Han sammenlignet pris, ytelse og kontroll, forklarte når en billigere delt plan er nok og når en dedikert server lønner seg, når det er verdt å betale for beskyttelse mot DDoS-angrep, og hvordan man sikrer et nettsted uten store budsjetter.

Maciek Palmowski spurte om headless WordPress gir mening. Mange artikler og selskaper fremstiller headless som den eneste riktige veien for WordPress, og foredraget hans veide den påstanden mot muligheten for at det rett og slett er en ny måte å selge tjenester på.

#Laravel Blade i WordPress og tilstandsmaskiner i JavaScript

Tre workshops til gikk i den andre salen. Påmeldingen åpnet 4. september 2023, og arrangørene advarte om at de som kom for sent, ville miste plassen sin til venteliste.

#Blade-maler i et WordPress-tema

Workshopen til Przemek Hernik på 75 minutter forklarte hvorfor malmotorer er verdt å prøve når man bygger utvidelser eller egne temaer, med Laravel Blade som eksempel. Deltakerne la Blade inn i sin egen kodebase i noen få steg. Kravene var en ren installasjon av WordPress 6.3, PHP 8.1 eller nyere og Composer 2.5 eller nyere. En Blade-visning holder spørringer og logikk utenfor markeringen:

{{-- resources/views/archive-product.blade.php --}}
@extends('layouts.app')

@section('content')
  <header class="catalog-header py-8">
    <h1 class="text-3xl font-bold">{{ $categoryTitle }}</h1>
    <p class="text-gray-600">{{ $categoryDescription }}</p>
  </header>

  <div class="product-grid grid grid-cols-1 md:grid-cols-3 gap-6">
    @forelse($products as $product)
      @include('components.product-card', ['item' => $product])
    @empty
      <div class="alert alert-info">
        <p>{{ __('Ingen produkter samsvarer med de valgte kriteriene.', 'wppoland') }}</p>
      </div>
    @endforelse
  </div>

  <div class="pagination-wrapper mt-8">
    {!! $paginationLinks !!}
  </div>
@endsection

#Bygge et blokktema med Full Site Editing

Workshopen til Marcin Krzemiński introduserte Full Site Editing og blokktemaer. Målet var å bygge et komplett tema i editoren uten å skrive en eneste kodelinje. Den var åpen for alle nivåer, og eneste forutsetning var grunnleggende kjennskap til WordPress og blokkeditoren. Deltakerne trengte en datamaskin, en nettleser og et lokalt utviklingsmiljø, eller en gratis InstaWP-konto i stedet.

#Tilstandsmaskiner i JavaScript med XState

Workshopen til Sebastian Kurzynowski introduserte tilstandsmaskiner i JavaScript. Deltakerne trengte Visual Studio Code og XState installert. XState beskriver seg selv som et bibliotek for tilstandshåndtering og orkestrering i JavaScript og TypeScript uten avhengigheter, bygget på hendelsesdrevet programmering, tilstandsmaskiner, statecharts og aktørmodellen. En tilstandsmaskin lar en komponent være i nøyaktig én definert tilstand om gangen, for eksempel IDLE, VALIDATING, SUBMITTING, SUCCESS eller ERROR, noe som utelukker kombinasjoner som at en lasteindikator og en feilmelding vises samtidig.

#Opptak og presentasjoner fra WordCamp Gdynia 2023

Alle de 16 foredragene i hovedsalen ble tatt opp. Den 3. oktober 2023 kunngjorde arrangørene at presentasjonene var tilgjengelige på YouTube-kanalen WordPress Trójmiasto, og den 12. oktober publiserte de listen over opptak, ett per foredrag. Listen dekker foredragene i hovedsalen.

Arrangementet ble finansiert av sponsorer. Gullsponsorene var smarthost.pl, cyberFolks.pl, Fooz, statik space, White Label Coders og wpappointments, og WPPoland sto oppført blant partnerne.

#Oppsummering av WordCamp Gdynia 2023 for utviklingsteam

WordCamp Gdynia 2023 NextGen viste at en WordCamp på én dag med ett tema kan fylle to saler med praktisk stoff. Playground i nettleseren, CSV-import gjort riktig med verktøyene WooCommerce allerede har, Blade-maler som skiller logikk fra markering, og et ærlig blikk på headless og hostingvalg svarte alle på det samme spørsmålet: hvor går tiden, og hva kan kuttes.

For Trippelbyen, der de lokale WordUp Trójmiasto-møtene holder til, var det å arrangere en nasjonal konferanse av denne størrelsen resultatet av mange års arbeid fra dem som driver det lokale fellesskapet. Å møte skaperne av verktøy som WordPress Playground ansikt til ansikt knytter det lokale markedet til den globale utviklingen av åpen kildekode.

For utviklere og tekniske ledere er arrangementer som dette den beste måten å sammenligne egen utviklingsprosess med andre team og unngå kostbare arkitekturfeil.

Planlegger din virksomhet et avansert nettsted, optimalisering av en stor WooCommerce-butikk eller overgang til et blokktema, ta kontakt med vårt WordPress-utviklerteam.