Infrastructuur

Infrastructuur

Go live!

Infrastructuur

• Wat verstaan we onder infrastructuur?

Infrastructuur

• Wat verstaan we onder infrastructuur?
  • Alles dat nodig is om uw applicatie te beheren
    • Servers
    • Databases
    • Domeinnamen
    • CDNs
    • ...

Infrastructuur

• Vroeger
  • Veel on-premise en fysiek materiaal
• Nu
  • Vooral cloud services (software)

Infrastructuur

• De grote 3:
  • Amazon Web Services (AWS)
  • Microsoft Azure
  • Google Cloud Platform
• Daarnaast levert België met team.blue (o.a. Combell)
  één van de grootste Europese spelers

Go live

• Wat hebben we nodig?
  • Static hosting (React) - Netlify
    • HTML
    • CSS
    • Javascript

Go-live

• What about the money?
  • Free tier van veel providers
  • Opschalen wanneer nodig

Go-live

• Hoe werkt het (vaak) indien Gitflow wordt toegepast?
  • 3 live omgevingen:
    • DEV (develop)
    • ACC (release/x.y.z)
    • PROD (main)
  • Soms feature builds voor commits naar een feature branch
  • Elke omgeving heeft zijn eigen infrastructuur:
    server(s), database, statische hosting, (sub)domeinnamen ...

Gitflow

Go-live: Netlify

• Wij gaan voor een afgeslankte versie
  • 1 live-omgeving
  • Manuele build & deploy
• Netlify (netlify.com)
  • Maak een account (bij voorkeur: met Github)
  • Projects → new project → Deploy manually
  • npm run build
    → this creates a dist folder
  • Drag-and-drop dist
  • Tadaaa! 💥

Netlify: update

🔄 Updates?

Maak een nieuw build en sleep die opnieuw naar hetzelfde project in Netlify.
De oude versie wordt vervangen!

📁 De folderstructuur is belangrijk

Upload de dist map in zijn geheel, geen losse bestanden.