Hoe zorg je er voor dat in een website, en het team dat er aan werkt, tijdens jarenlange doorontwikkeling efficiënt blijven groeien? Niels de Blaauw laat zien hoe de 'twelve-factor app' methodiek en WordPress samen komen aan de hand van een case-study voor een project dat in 3 jaar tijd de omzet heeft vertienvoudigd.

1. Van WordPress naar een
zaagmachine
Hoe een webshop het productieproces aanstuurt

2. Niels de Blaauw
@nielsdeblaauw
Hi, ik ben Niels.
Ontwikkelaar bij Full-service
WordPress Agency
Level Level

3. Business & Techniek
Eerst een overview.

4. Achtergrond OPG

6. 2014
Gestart met
kunststofplatenshop.nl
2016 2017 2018 20192015
Business milestones

7. Business milestones
2014
Uitrol naar Duitsland
en opschalen van 1
naar 2 zagerijen.
2016 2017 2018 20192015

8. Business milestones
2014
Uitrol naar België en
opstart samenwerking
met Level Level
2016 2017 2018 20192015

9. Business milestones
2014
2018 uitrol naar UK,
Oostenrijk en Frankrijk
2016 2017 2018 20192015

10. Business milestones
2014
Opschalen van
2 naar 3 zagerijen
2016 2017 2018 20192015

11. Groei OPG
2016 2019Omzet x10
x10 10 webshops
Van 1 naar 10 webshops
+

12. Onboarding
Beperkte domeinkennis compenseren.
Tijd
Waarde Technische
kennis
Domein
kennis

13. Infrastructuur
vps-prod-02 vps-prod-01
Shop3 Shop4
Proxy 1
Orders App
Shop2 Shop1
vps-prod-db
DB Prod
Test Proxy
Test Orders App
Acceptatie Test
DB Test
Proxy 2
vps-test-01

14. 4327Commits
Doorontwikkeling
Versies
301

16. 12 factor app
https://12factor.net/
“[...] ideal practices for app development, paying particular
attention to the dynamics of the organic growth of an app over
time, the dynamics of collaboration between developers
working on the app’s codebase, and avoiding the cost of
software erosion.”

17. ➔ Codebase
➔ Dependencies
➔ Config
➔ Backing services
➔ Build, release, run
➔ Processes
➔ Port binding
➔ Concurrency
➔ Disposability
➔ Dev/prod parity
➔ Logs
➔ Admin processes
12 factor app

18. 12 factor app: Codebase
Git, al sinds het begin

19. 12 factor app: Dependencies
Composer
Satis
Gelicenseerde
dependencies
Packagist
dependencies
Niet WordPress
gerelateerd
WPackagist
dependencies
WordPress
gerelateerd
Eigen builds
Voornamelijk code
generatie
Yoast Pro, Admin Columns Pro,
ACF Pro, etc
Twig, mPDF, etc. post-smtp, WooCommerce, etc.
OpenAPI clients,
ORM models, etc.
Afgeschermde Level
Level repository voor
gelicenseerde plugins
Github WordPress SVN
Artifacts
./{theme}/dependencies/
*

20. 12 factor app:
Config & Backing services

22. 12 factor app:
Build, release, run

23. 12 factor app:
(validate), Build, release, run

25. 12 factor app:
Processes
��

26. 12 factor app:
Processes
uploads, languages, wp-config.php, (/tmp?)
NFS, Media in CDN, persistent volumes.

27. 12 factor app:
Concurrency & port binding

29. 12 factor app:
Disposability
��

30. 12 factor app:
Dev/prod parity
Time gap, Personnel gap, Tools gap👍 👍 😲

31. 12 factor app: Logs

32. 12 factor app: Logs

33. 12 factor app:
Admin processes
Beperken, WP-CLI, Ansible

34. Case
Zaagproces optimaliseren

35. Case
Resultaten

36. Methode

37. Ambities - Techniek

39. Vragen

40. Let’s keep in touch!
Niels de Blaauw
@nielsdeblaauw
👋🏻