Barely webbyrå

Ett eget referensprojekt

Det här är min egen sajt, byggd på samma sätt som de sajter jag gör åt kunder: Next.js och Payload CMS, med databas och bildlagring via Vercel. Det ni ser här är alltså också ett prov på vad ni får.

Mönster som räknas fram

Mönstret överst på startsidan är en Penroseplattläggning. Två romber täcker hela ytan utan att någonsin bilda ett mönster som upprepas, och varje bit kan delas i mindre kopior av helheten. Plattläggningen räknas fram i webbläsaren, och texten ligger i hål som skärs ut längs plattornas kanter.

Längre ner finns hatten, den första kända formen som ensam täcker hela planet utan att mönstret upprepas. Den hittades 2023.

Sidor av block

Varje sida sätts ihop av sektioner i redigeringsverktyget, och samma sektioner kan användas på nya sidor. Ändringar syns direkt i en förhandsvisning bredvid formuläret, och när något publiceras uppdateras sajten utan att den behöver byggas om.

Sökbarhet och prestanda

Sidorna byggs i förväg och skickas från Vercels nätverk. När något publiceras i redigeringsverktyget byts just de sidorna ut, så sajten är snabb utan att visa gammal information. Bilder skalas om och komprimeras för varje skärm, och typsnittet laddas från samma server som sidan.

Varje sida och varje projekt har en egen beskrivning för sökresultaten, som skrivs i redigeringsverktyget.

Bilden nedan visar Googles mätverktyg Lighthouse på startsidan i mobilläge, där kraven är hårdast: 97 i prestanda och full poäng för tillgänglighet, bästa metoder och sökmotoroptimering. Ingenting på sidan flyttar sig medan den laddar.