“Knowledge is the only asset that grows every time you use it. The goal isn't to solve today's problem — it's to put you in a position not to have one tomorrow.
Method
You learn by building. Every concept becomes working code, not theory that lives in textbooks.
Toolchain
React · Next · TypeScript · WebGL · AI. The actual tools of production — not the ones in the tutorial.
Standard
Architecture, accessibility, performance. The detail you don't see is what lasts over time.
BENCHMARK · OUTLIER
Numbers that speak before I do.
Performance, not promises. Every project is measured with the same tools you would use in production.
010+Projects shipped
020+Years of code
030%Lighthouse target
Andrea vs Industry
Three metrics, three comparisons. The violet bar is the average across my recent projects, the grey one is the public web baseline according to Web Almanac and HTTPArchive.
AndreaWeb average
Lighthouse Performance
Web Almanac 2024
Andrea0
Web average0
Largest Contentful Paint
HTTPArchive p75
Andrea0.0s
Web average0.0s
Initial JS bundle
First-load gzipped
Andrea0 KB
Web average0 KB
SYSTEM · ANATOMY
I build websites. I teach them taken apart.
Everything you see is the surface. Underneath, five layers combine into every real project. Learning to build a website is learning to control all five.
Layer 01HTML · CSS · JavaScript · TypeScript
Foundations
The roots. Without these, every framework is a black box full of magic.
What you'll learn
Semantic structure and real accessibility
Fluid layout with Grid and Flex, from pixel-perfect to responsive
Type safety with TypeScript from day one
HTML5CSS GridTypeScriptDevTools
Module output
A landing page built from scratch — accessible, framework-free.
Layer 01HTML
Foundations
The roots. Without these, every framework is a black box full of magic.
Output
A landing page built from scratch — accessible, framework-free.
Layer 02Tokens
Design System
From Figma to code. A visual library that scales with the product instead of slowing it down.
Output
A design system applied to a real, documented product.
Layer 03React
Architecture & Code
Structuring an app to survive change. The difference between an MVP and a real product.
Output
A full-stack app with auth, DB and a production-ready data flow.
Layer 04Web Vitals
Performance & DX
What separates a site that's 'done' from a site that actually works for the people using it.
Output
A project in production with real metrics and a health dashboard.
Layer 05LLM
AI Integration
Building intelligent interfaces that actually do something — not demo-day gimmicks.
Output
A working AI feature inside a real product, with costs under control.
WORK MODULES
Modules
Three lanes — build, AI, training — each with three configurations. Every module is a configuration of the system, not a sales bundle: pick the lane, pick the depth.
MODULE / STARTER
€499/ project
A one-shot landing page for studios and freelancers shipping their first online presence. Delivered in about two weeks.
If your question isn't here, email me directly — I reply within 24 working hours.
A landing page ships in 2–3 weeks. A full multi-page site or design system is usually 4–8 weeks. AI integrations vary wildly with scope — we always start with a 1-week scoping sprint so you have a fixed quote before any code is written.
You do, fully. After final payment everything is transferred — Git repository, Figma file, brand assets, hosting credentials — under your accounts. There is no lock-in: you can move the project to another team at any time.
Each module includes a fixed number of revision cycles, declared upfront in the proposal. Feedback runs through a single shared document so nothing gets lost. Out-of-scope changes are estimated separately before any work starts.
Standard split is 40% on signature, 30% at design sign-off, 30% on delivery. Larger engagements use monthly milestones. Invoices are issued from a Spanish entity (NIE on the footer) — VAT handling depends on your location and B2B status, we figure it out together at proposal stage.
Yes. Every project includes a free post-launch window (14 to 60 days depending on tier). After that we can either work on retainer for monthly improvements and uptime, or hand the keys over to your in-house team with documentation and a walkthrough session.
Remote-first since day one. Async-first for daily updates (Linear, Slack, Notion), with one weekly live call inside CET working hours. Contracts and invoicing run in English; copy can be delivered in any language as long as you provide the source.