Com estic construint el meu web: una branca per cada canvi
Estic refent martivillalba.com com treballo un producte: canvis petits, cadascun a la seva branca, amb una vista prèvia que reviso abans de publicar. Entre el 8 i el 12 de novembre de 2026 van entrar 21 canvis al web publicat.
De Hostinger a un web que puc canviar cada dia
La versió anterior vivia a Hostinger. Ara el web és HTML, CSS i JavaScript escrits a mà, sense frameworks ni dependències. Les fonts se serveixen des del meu propi domini i no hi ha galetes ni analítica de tercers; la pàgina legal ho explica en un paràgraf.
El codi és a GitHub i Cloudflare Pages publica la branca principal. El que més faig servir és la vista prèvia: cada branca té la seva pròpia URL, així que puc veure un canvi sencer abans que existeixi al web de debò.
Com entra un canvi al web
- Cada canvi té nom i branca propis: el hero, el cas de Fluxput, la portada al mòbil, amagar un projecte.
- Reviso la vista prèvia a l’ordinador i al mòbil, amb el tema clar i el fosc.
- Si em convenç, es fusiona a la branca principal i es publica. Si no, es queda a la seva branca.
El codi l’escric amb Claude Code. Jo decideixo què es canvia i per què, i abans de tocar res li demano un pla de cinc o sis línies. Després reviso la vista prèvia i, moltes vegades, demano que es tregui alguna cosa.
El castellà és la font. Les versions en català i en anglès es generen amb un script a partir d’una taula de traduccions, i si afegeixo un text en castellà sense traduir-lo, l’script m’avisa.
Què ha passat en cinc dies
El primer commit és del 8 de novembre. L’11 vaig publicar una versió nova, més sòbria, amb la pàgina legal i les fonts pròpies. Aquell mateix dia van arribar el català, l’anglès i el menú per al mòbil.
El 12 sobretot vaig treure coses:
- El carrusel del hero. Amb només dos casos visibles no aportava res.
- La miniatura animada que hi havia al costat del titular.
- De moment, els casos de Vecinfy i Apogeo.
- Una xifra del cas de Fluxput que no podia verificar. Prefereixo un cas amb menys números que un amb un número que no puc defensar.
I vaig posar coses reals on hi havia pedaços: els logos dels clients, en gris, en lloc dels seus noms en text, i una foto meva en lloc del marc amb les meves inicials.
Fins ara són 21 canvis a la branca principal i set branques de treball amb la seva vista prèvia: la nova versió del web, el hero, el cas de Fluxput, la portada al mòbil, el cas de WindowSight, amagar projectes i el retrat.
El que m’emporto
Tracto el web com qualsevol altre producte: cicles curts i algú que decideix què no hi entra. Mirar cada canvi a la seva vista prèvia abans de publicar-lo fa que, gairebé sempre, acabi traient alguna cosa.
Aquest diari també ha començat a la seva pròpia branca. Si vols veure’n el resultat, comença pel cas de Fluxput o el de WindowSight. I si tens un producte per construir, escriu-me.