# Frontend in 2021
Case: value streams in 2021
Hoe zetten we value streams in op web?
---
## Value Streams
- Eneco werkt in value streams aan eneco.nl, etc.
- Elke stream levert in eigen ritme value a/d klant
- Ze hebben allemaal content en klantdata nodig
- Onze klanten verwachten "value" en snelheid
- Meer value streams betekent meer teams
---
## Onafhankelijke Streams
Waarom?
- Snellere time-to-market:
- Onafhankelijke CI/CD en releases
- Minder onderlinge bugs & merge stops
- Meer focus, snelheid
- Minder afhankelijkheden & domeinkennis
- Opschalen vereist flexibele architectuur
---
## Flexibele Architectuur
Hoe?
- Betere scheiding frontend vs backend
- Headless CMS (Sitecore)
- Micro-frontends
- Shared componenten (capabilities, Storybook)
---
## Micro-frontends
- Hoge performance & schaalbaarheid
- Hoge mate van flexibiliteit
- Experimenten en stopzetten makkelijker
- Ondersteunt meer en kleinere teams
- Coherentie development & productie
Voorbeelden: Mijn Eneco, Oxxio IPB, nieuwe customer journeys, etc. etc.
---
## Sitecore Headless
- SEO verbetert met performance
- Bijv. A/B testing anders inrichten
## Voordelen headless
- zie https://jamstack.org/
- Better Performance
- Why wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimizing the time to first byte, nothing beats pre-built files served over a CDN.
- Higher Security
- With server-side processes abstracted into microservice APIs, surface areas for attacks are reduced. You can also leverage the domain expertise of specialist third-party services.
- Cheaper, Easier Scaling
- When your deployment amounts to a stack of files that can be served anywhere, scaling is a matter of serving those files in more places. CDNs are perfect for this, and often include scaling in all of their plans.
- Better Developer Experience
- Loose coupling and separation of controls allow for more targeted development and debugging, and the expanding selection of CMS options for site generators remove the need to maintain a separate stack for content and marketing.
Statisch HTML -> Bredere browser support
{"metaMigratedAt":"2023-06-15T11:34:28.927Z","metaMigratedFrom":"Content","title":"Frontend in 2021","breaks":true,"contributors":"[{\"id\":\"9499a942-cc41-4b90-ab5a-5fe4b74a72df\",\"add\":2522,\"del\":524},{\"id\":\"1cfe37c1-00eb-4a68-8795-4679a3d468f1\",\"add\":1459,\"del\":1215}]"}