Building Zeno's
frontend.
From scratch.

Paul de Boer, Senior Frontend Developer

Wednesday 15 April 2026 · 13:00

The Company

ERP/CRM
for publishers.

Socho IT

Zeno

Built specifically for Dutch & Belgian publishers

50+ publishers

10M+ relations · 2.1M active subscriptions

8 core modules:

RelatiesAbonnementenDistributieAdvertentiesArtikelverkoopPublicatiesEventsFinancieel

The rebuild

Oracle ApexReact/TypeScript

Python/FastAPI backend (already exists)

No frontend engineers currently.

This is a greenfield opportunity.

Paul de Boer

The Candidate

9+ years
building frontends.

Tech stack

Vue/NuxtReact/Next.jsTypeScriptGSAPHeadless CMSTailwind CSSGit/GitHubFigma

Experience

Lead Frontend Developer @ Get Interactive

Event & Go portal rebuild leader, legacy PHP → Next.js 15/React 19

Frontend Developer @ Studio Toffolo

Creative agency work, modern web applications

Freelance Web Developer

Since 2016 · 30+ websites delivered

I've led ground-up rebuilds before.
Event & Go is proof.

Case Study

Event & Go
Portal Rebuild

Monthly Pageviews
443,500
High-traffic production platform
Monthly Tickets Sold
30,153
Live event ticketing at scale
API Cost Reduction
89%
Maps API: €1,200 → €133/month

My Role: Complete Frontend Rebuild

• Built entire frontend from scratch: Legacy PHP → Next.js 15 / React 19

• Multi-tenant SaaS platform serving festivals, venues, municipalities

• Two modern frontend repositories: Portals (ticket sales) + OSP (digital tickets)

• Proposed architecture, led technical decisions, executed solo

Tech stack used

Next.js 15React 19TypeScriptMapboxHeadless CMS

Same challenge as Zeno: I saw the legacy limitations, proposed a greenfield rebuild, and led the execution.

Topic 1: Modernizing Legacy

If I started Monday,
here's what I'd do.

1

Deep Dive

Map the 8 modules with the Oracle team, understand which has highest ROI and lowest risk, document current workflows and pain points

2

Prove the Stack

Build one small feature end-to-end in React/TypeScript, connect to Python/FastAPI backend, deploy to staging for team feedback

3

Foundation & Standards

Set up React component library (atoms/molecules), define folder structure and TypeScript patterns, document everything for the Oracle team

4

First Module Live

Rebuild lowest-risk, highest-value module (likely Relaties or Events), run parallel with Oracle Apex, gradual user migration

5

Iterate & Expand

Repeat for remaining 7 modules, train Oracle team on React through pairing, continuous feedback loop with publishers

This is exactly how I rebuilt Event & Go. It works.

Topic 2: AI-Assisted Development

AI as a
force multiplier.

How I use Claude Code

Scaffolding

Boilerplate and component structures

Code Review

Refactoring suggestions and best practices

TypeScript

Generate interfaces from API responses

Testing & Docs

Write tests and component documentation

For the team

Accelerate Delivery

Ship React features faster together

Knowledge Transfer

Learn React patterns through pairing

CI/CD Integration

AI-assisted PR review workflows

Not a replacement for thinking, a tool to ship faster and teach better.

I built this presentation with Claude Code.

Topic 3: Working with the Oracle Team

Partnering with
the Oracle team.

Their Value

• 25 years of domain knowledge

Subscriptions, royalties, distribution logic built over decades

• Client relationships and business logic expertise

They know what publishers need better than anyone

• Bob Horst + Marco Clerx (founders) still present

Team loyalty runs deep

My Approach

Additive, not replacement

"I'm building a new layer on top of what they know"

Involve team early

Architecture decisions that touch their domain need their input

Upskill through pairing

Show them React patterns, don't lecture

Jard is navigating this same dynamic as new director

For You

What I'm
curious about.

→ What does success look like after 6 months in this role?

→ Which module would you want rebuilt first, and why?

→ How involved will the Oracle team be in frontend decisions?

→ What's the current state of the API layer, is FastAPI already exposing endpoints or is that part of the rebuild?

→ How do you see the balance between speed of delivery and bringing the team along?

→ Is there a design system or UI library preference, or is that an open decision?

Tech stack

This presentation
was built with.

Frontend Stack

Next.js 16React 19TypeScriptTailwind CSS

Animation & 3D

GSAPLenisThree.jsReact Three Fiber

Development & Deployment

Claude CodeVercelGit
0
1
2
0
1
2
3
4
5
6
7
8
9