Terazjemy.pl – teknologi for en sunn livsstil

Terazjemy.pl er en nettplattform designet for å promotere en sunn livsstil ved å gi brukerne praktisk informasjon, oppskrifter og råd om balansert ernæring og fysisk aktivitet. Prosjektet ble laget for å inspirere og støtte personer som ønsker å ta godt vare på helsen og trivselen sin, og fungerte som en aktiv nettside i tidligere tid. Som utvikler designet og implementerte jeg denne løsningen ved å integrere avansert teknologi for å sikre intuitiv brukervennlighet, høy ytelse og søkemotoroptimalisering. Nedenfor presenterer jeg detaljer om gjennomføringen og de benyttede teknologiene.

Hensikten med terazjemy.pl og hvem den er for

Terazjemy.pl ble laget for personer som søker inspirasjon til å leve sunnere – fra kulinariske entusiaster til treningsentusiaster, og de som ønsker å forbedre kostholdet og helsen sin. Målet med nettsiden var å tilby omfattende ressurser, som oppskrifter, pedagogiske artikler og tips, på en klar og tilgjengelig måte. Plattformen er rettet mot privatpersoner, familier og fagfolk innen wellness, og tilbyr dem praktisk kunnskap om sunn livsstil. Min oppgave var å utvikle en teknisk løsning som kombinerte funksjonalitet med brukervennlighet.

Tekniske funksjoner i terazjemy.pl

I prosjektet implementerte jeg avanserte tekniske løsninger som støttet misjonen til terazjemy.pl:

  • Responsivitet og tilgjengelighet – Frontend-arkitekturen er basert på Tailwind CSS med fleksible grid-løsninger, som sikrer kompatibilitet med både mobil- og desktopenheter, i tråd med WCAG 2.1-standardene.
  • Oppskriftskatalog – En dedikert innholdsstruktur med dynamisk lasting av oppskrifter via REST API, rendret i Vue.js med filtreringsmuligheter etter kategorier, som for eksempel diett eller tilberedningstid.
  • Abonnementsformular – Et nyhetsbrevssystem med serversidevalidering, CSRF-beskyttelse og integrasjon med SMTP, som lagrer data i en MySQL-database med AES-256-kryptering.
  • Teknisk SEO – Optimalisering for nøkkelord (f.eks. «sunn oppskrift online»), med generering av dynamiske XML-sitemaps og akselerert indeksering via Google Indexing API.
  • Sikkerhetskopiering og pålitelighet – Automatiske sikkerhetskopier til Amazon S3 med replikering mellom regioner, versjonering og Zstandard-komprimering for kontinuerlig drift.
  • Ytelse – Servercaching med Varnish, medieoptimalisering via Cloudflare med WebP-format og støtte for HTTP/3 med QUIC.
  • Interaktive guider – En opplæringsseksjon med artikler og kalkulatorer (f.eks. BMI), rendret i React med data cachet i Redis for rask tilgang.

Tekniske utfordringer og hvordan jeg løste dem

Under utviklingen av terazjemy.pl støtte jeg på flere komplekse tekniske utfordringer, som ble løst på følgende måte:

  • Belastning i oppskriftsgalleriet – Et stort antall bilder og beskrivelser førte til forsinkelser i lasting. Jeg implementerte Redis for caching av spørringer og Fastly CDN for parallell levering av multimedier.
  • Optimalisering av multimedier – Høykvalitetsbilder av matrettene gjorde siden treg på mobile enheter. Jeg brukte Cloudflare med Brotli-komprimering og lazy loading via Intersection Observer API.
  • Dynamiske oppdateringer av innhold – Hyppige endringer i oppskrifter og artikler ble ikke vist umiddelbart. Jeg benyttet Varnish med purge via webhooks og Edge Side Includes for dynamiske seksjoner.
  • Økt organisk trafikk – Behovet for skalering ved økt trafikk krevde ytterligere optimalisering. Jeg konfigurerte auto-scaling på AWS EC2 med CloudWatch for å balansere belastningen.

Brukte teknologier

For å bygge og drifte terazjemy.pl benyttet jeg følgende teknologier:

  • Yoast SEO – Optimalisering av metadata, generering av XML-sitemaps og automatiske varsler til søkemotorer om nye oppskrifter.
  • UpdraftPlus – Automatiske sikkerhetskopier til Amazon S3 med replikering mellom regioner og AES-256-kryptering.
  • Cloudflare – Et CDN med Argo Smart Routing, Brotli-komprimering og beskyttelse mot DDoS via begrensning av forespørsler.
  • Redis – In-memory caching med sharding og persistens for oppskrifter, kalkulatorer og brukerøkter.
  • Varnish – Servercaching med tilpasset VCL som støtter grace mode og ESI for dynamiske blokker.
  • Lighthouse – Automatiske Core Web Vitals-audits integrert med CI/CD-prosessen i GitLab.
  • RabbitMQ – Køsystem for oppgaver, slik som utsending av nyhetsbrev og lagring av abonnementsdata, med mekanisme for gjentakelse.
  • Vue.js – Rammeverk for rendering av interaktive seksjoner med ytelsesoptimalisering.
  • Fastly – Et ekstra CDN for parallell distribusjon av multimedier med geografisk optimalisering.
  • React – Bibliotek for å lage interaktive guider og kalkulatorer med rask rendering.

Administrasjon og teknisk støtte

Terazjemy.pl var et prosjekt som krevde kontinuerlig oppfølging og forbedring for å møte de økende behovene til brukere interessert i en sunn livsstil. Jeg oppdaterte jevnlig systemet og pluginene, og testet alt i et staging-miljø med fullstendige sikkerhetskopier lagret på Amazon S3. Jeg benyttet Cloudflare, Redis og Fastly for å sikre høy ytelse ved økt trafikk, mens Varnish og RabbitMQ sørget for stabiliteten til dynamiske prosesser som oppdatering av oppskrifter. Jeg overvåket indeksering via Vue.js og React, optimaliserte SQL-spørringer med indekser og administrerte cache-oppdateringer ved endringer. Nettstedet hadde potensial til å utvides med ekstra funksjonalitet – som integrasjon med kostholdsapper, et måltidsplanleggingsmodul eller en fellesskapsseksjon – noe som ytterligere kunne styrke nettstedets rolle i å promotere en sunn livsstil.

Planlegger du et nettsted for å promotere en sunn livsstil? Trenger du en avansert plattform med pålitelig teknisk støtte? Ta kontakt med meg for å diskutere detaljene og skape en løsning som oppfyller dine krav.

portfolio
Mariusz Szatkowski
Latest posts by Mariusz Szatkowski (see all)