Systemarkitektur
En oversikt over systemkomponentene, hvordan de fungerer sammen, og hvorfor de ble valgt for OPIT-plattformen.
Dataflyt
Hvordan data flyter gjennom systemet fra kode til produksjon
1
KodeGitHub-repository med Next.js frontend og Node.js backend
2
ByggGitHub Actions bygger og tester applikasjonen
3
DeployFrontend til Azure Static Web Apps, backend til Container Apps
4
ServerHTTPS-aktivert med egendefinert domene og CDN
1
KodeGitHub-repository med Next.js frontend og Node.js backend
2
ByggGitHub Actions bygger og tester applikasjonen
3
DeployFrontend til Azure Static Web Apps, backend til Container Apps
4
ServerHTTPS-aktivert med egendefinert domene og CDN
1
Kode
GitHub-repository med Next.js frontend og Node.js backend
2
Bygg
GitHub Actions bygger og tester applikasjonen
3
Deploy
Frontend til Azure Static Web Apps, backend til Container Apps
4
Server
HTTPS-aktivert med egendefinert domene og CDN
Systemkomponenter
Azure Static Web Apps
Hostes Next.js frontend med automatiske deployer fra GitHub
Slik fungerer det
- Kobler til GitHub-repository
- Bygger Next.js-applikasjon
- Deployer til global CDN
- Gir HTTPS og egendefinerte domener
Hvorfor brukt
- Zero-config deployment
- Innebygd CI/CD-pipeline
- Global CDN for ytelse
- Gratis tier tilgjengelig
Azure Container Apps
Serverless container-plattform for Node.js backend API
Slik fungerer det
- Kjører containerisert Node.js-app
- Auto-skalerer basert på etterspørsel
- Gir HTTPS-endepunkter
- Integrerer med Azure-tjenester
Hvorfor brukt
- Serverless skalering
- Betal-per-bruk prising
- Innebygd overvåking
- Enkel deployment fra ACR
Azure Container Registry
Privat Docker-registry for lagring og styring av container-images
Slik fungerer det
- Lagrer Docker-images sikkert
- Integrerer med Container Apps
- Gir image-versjonering
- Støtter automatiserte bygg
Hvorfor brukt
- Privat og sikker
- Azure-nativ integrasjon
- Geografisk replikering
- Sårbarhetsskanning
GitHub Actions
CI/CD-pipeline for automatiserte bygg, testing og deployment
Slik fungerer det
- Utløses ved kodeendringer
- Kjører tester og bygg
- Deployer til Azure
- Gir deployment-status
Hvorfor brukt
- Gratis for offentlige repos
- Enkel integrasjon med Azure
- Rik økosystem av actions
- Innebygde sikkerhetsfunksjoner
Teknisk Stack
Hovedteknologier brukt i plattformen
Frontend
- • Next.js 15 (App Router)
- • TypeScript
- • Tailwind CSS
- • shadcn/ui
Backend
- • Node.js
- • Express.js
- • TypeScript
- • Server-Sent Events
Infrastruktur
- • Azure Static Web Apps
- • Azure Container Apps
- • Azure Container Registry
- • GitHub Actions
Sikkerhet
- • HTTPS/TLS
- • CORS protection
- • Azure AD integration
- • Audit logging
Vil du lære mer?
Se live demoer eller kontakt oss for å diskutere hvordan vi kan hjelpe deg.