Hopp til innhold
Klikk
Tilbake til portefølje

Idrettsforening · 2026

Gulset IF

Nettside og klubbapp for Gulset IF med fotball, håndball, ski, turn og volleyball. Klubbhuset bookes i en egen kalender, fotballen har baneoppsett for treninger og kamper, og en TV-skjerm i garderobegangen viser dagens baner. Klubben oppdaterer innholdet selv via chat.

Gulset IF — på laptop og mobil
Kunde
Gulset IF
Type
Idrettsforening
År
2026

Stikkord

IdrettBookingAppFlere lag
Gulset IF — underside

Bak siden

Hvordan Gulset IF ble til.

· oppdatert

Utfordringen

Gulset IF er en breddeklubb i Skien med fotball, ski, håndball, turn og volleyball som undergrupper. Den gamle nettsiden var fragmentert — fotballen hadde sitt eget WordPress på gulsetfotball.no, ski hadde sitt på gulsetski.no, og hovedklubben hadde noe helt tredje. Hver undergruppe hadde forskjellig design, forskjellige redaktører, og forskjellige ideer om hvordan nyheter skulle publiseres.

Tre konkrete problemer:

  • Innhold var spredt på tre WordPress-installasjoner. Når noen lette etter «påmelding fotballskole», var det helt tilfeldig om de fant det første gang.
  • Lagledere ville ikke logge inn i en CMS for å publisere nyheter. De ville sende meg en melding på telefonen, og forvente at det dukket opp på siden.
  • Domenene var en historisk salat — gulsetfotball.no var tilkjøpt på et tidspunkt, gulsetski.no på et annet, og det var aldri klart hvilket som var «kanonisk».

Løsningen

Én nettside, fem visuelle skin, sentralisert redaksjonell flyt.

Arkitektur: Astro-prosjekt med multi-domene-routing via Cloudflare Pages-middleware. fotball.gulsetif.no, ski.gulsetif.no, volleyball.gulsetif.no osv. er alle del-routes på samme deploy. De gamle domenene (gulsetfotball.no, gulsetski.no) gjør 301-redirect til de nye subdomenene — gamle lenker fortsetter å funke.

Innhold: Markdown-content collections i Astro. Nyheter, hederstegn, organisasjonsplan, sponsorer — alt strukturerte data som kan deles på tvers av undergrupper. En nyhet publisert på fotball-siden er automatisk tilgjengelig hvis den taggers som klubb-relevant.

Redaksjonell flyt: Ingen WordPress, ingen Strapi. Klubben redigerer selv via en chat på admin.gulsetif.no — «flytt volleyballtreningen til torsdag» blir til en endring på siden etter et par minutter. Tekst kan også rettes rett på siden når man er logget inn. Hver endring blir en commit og deployes via GitHub Actions, så historikken ligger i git.

Siden lansering

Siden har vokst fra nettside til verktøy klubben bruker hver dag.

  • Klubbhusbooking. Hovedrommet, peisestua, loftsstua og møterommet — eller hele huset — bookes i en kalender på /klubbhus/booking. Egne lag på hverdager får bekreftelse med én gang; helger og utleie til andre går til utleieansvarlig, som godkjenner rett fra e-posten. Kalenderen kan abonneres på fra mobilen.
  • Baneoppsett. Treninger og kamper på anlegget, uke for uke: hvilket lag som har hvilken del av banen til hvilken tid. Kampene hentes fra terminlista på fotball.no, og siden bygges på nytt hver natt. Det erstattet et regneark.
  • TV-skjerm i garderobegangen. Viser dagens baneoppsett, kamper, resultater, vær og sponsorer. På cupdagen bytter den selv til cupvisning med runder, dommere og banekart.
  • Klubbapp. Gulset IF har fått sin egen app med nyheter, idretter, kamper og klubbhus. Appen viser nettsiden i et eget skall, så alt som endres på gulsetif.no er i appen med en gang.
  • Nyheter fra Facebook. Årets innlegg fra klubbens Facebook-sider er hentet inn som nyheter, så nettsiden og Facebook forteller den samme historien.

Tekniske valg

  • Astro 7 + Tailwind 4 — statisk HTML-output, perfekt cache, ingen JavaScript på 90% av sidene. Sider laster på 100ms i Norge.
  • Cloudflare Pages — gratis, rask deploy, ingen serveradministrasjon. Bookingen går på Pages Functions med D1 (SQLite), og personopplysningene anonymiseres ett år etter bookingen.
  • Capacitor for appen — samme nettside i et native skall for iOS og Android.
  • Path-basert routing for flere undergrupper — én bygg, fem visuelle theme-skins via en theme-prop på Layout-komponenten.
  • Sitemap-segmentering per host — gulsetif.no/sitemap.xml og fotball.gulsetif.no/sitemap.xml returnerer hver sin variant via Cloudflare-funksjon.

Resultat

  • Én sannhet. Sponsorer, hovedstyre, undergrupper — alt vedlikeholdes på ett sted.
  • Lagledere er glade. De skriver fortsatt meldinger på telefonen. Innholdet havner på siden samme dag.
  • Søkemotorer er glade. 301-redirectene fra de gamle domenene har gjort at gamle lenker fortsatt rangerer, og de nye subdomenene bygger gradvis opp egen autoritet.
  • Driftskostnad: nær null. Ingen WordPress-vedlikehold, ingen sikkerhetsoppdateringer, ingen plugin-konflikter.