Company guides
🟧 Cloudflare — Frontend Interview Guide
Emphasis: Performance, networking depth, edge computing, and data-dense dashboards. Frontend engineers here understand the network unusually well.
Related: Company index · ROADMAP
The loop (typical)
| Round | Focus | Prep section |
|---|---|---|
| Phone screen | Coding (JS) | 03-javascript |
| Coding | UI component + fundamentals | 16-machine-coding |
| System design | Dashboard / data "Design X" | 15-system-design |
| Networking / platform | HTTP, caching, edge | 12-networking |
| Behavioral | Collaboration | — |
What they emphasize
- Networking — HTTP/2-3, caching, CDN, TLS. Expect real depth here.
- Performance — edge rendering, Core Web Vitals.
- Data dashboards — analytics, real-time metrics, large tables.
- Edge runtime (Workers) awareness is a plus.
Frequently asked (community-sourced)
System design
- Design an Analytics Dashboard → 15-system-design
- Design a real-time metrics/log viewer → virtualization
- Design a Notification System → flagship
Machine coding
- Build a Data Grid (metrics table) → flagship
- Build a Chart component → 16-machine-coding
- Build an Autocomplete → flagship
Networking / fundamentals
- HTTP caching, CDN, HTTP/3 → 12-networking
- Performance metrics → 09-performance
Prep plan (2 weeks)
- Go deep on networking (caching, HTTP/2-3, CDN, edge).
- Study performance metrics + fixes.
- Build data-dense components (grid, charts).
- Practice a dashboard system design.
🟢 Green flags · 🔴 Red flags
🟢 Do: show real networking depth (caching, HTTP/2-3, CDN, edge) · optimize performance · handle data-dense dashboards with virtualization. 🔴 Avoid: shallow networking knowledge · ignoring caching strategy · slow, unvirtualized data tables.
📝 Sample interviewer prompts
- "Design an analytics dashboard with real-time metrics."
- "Walk me through HTTP caching end to end (
Cache-Control,ETag)." - "Build a virtualized metrics table."
Interviewed at Cloudflare? Add the questions you got (role + year) via a PR.