Andrew Ng's Personal Website with Gatsby and Headless WordPress

Andrew Ng is a computer scientist, entrepreneur, and educator. He is the co-founder of Coursera, an online education platform, and the co-founder of Landing AI, a startup that aims to make AI accessible to everyone. He is also a professor at Stanford University.

Andrew Ng

Between May and November 2024, Codalent partnered with KrakenD to convert approved Figma designs into a production-ready Hugo + Tailwind website — with clean components, responsive polish, fast page loads, and a frontend foundation their team could keep evolving.

Building a High-Performance Marketing Website for KrakenD

Homepage, blog, download sections, and more were built with consistent spacing, typography, and reusable UI patterns so the site could scale beyond the initial launch.

Hugo, Tailwind CSS, Sass, and lightweight JavaScript gave the site a fast, flexible foundation without adding unnecessary complexity.

Hugo

Tailwind CSS

JavaScript

React

Docker

KrakenD

Albert Lombarte

The engagement moved from Figma to production over a defined delivery window, with Codalent owning the frontend implementation, responsive QA, and code quality needed for a technical marketing website.

The final build gave KrakenD a polished public website that reflected its product quality while remaining practical for the team to maintain and extend.

Completed the frontend implementation within the planned May–November 2024 project window.

Delivered within timeline

Translated approved designs into clean Hugo + Tailwind templates with careful attention to spacing, typography, responsiveness, and visual consistency.

Pixel-accurate implementation

Created reusable frontend patterns and a lightweight codebase that KrakenD’s team could continue to evolve after launch.

Built for maintainability

Building a High-Performance Marketing Website for KrakenD.

Data-Centric AI Resource Hub Using Gatsby and Headless WordPress

Data-centric AI Resource Hub is a collection of articles, webinars, and resources about the latest developments in the Data-centric AI field.

DeepLearning.ai website mockups

DeepLearning.AI's Website with Next.js & Headless WordPress

DeepLearning.AI is an ed-tech company that provides online courses and resources to help people learn about artificial intelligence & machine learning.

Bringing Happiful Magazine to Mobile: iOS & Android App Development

Happiful is an award-winning print magazine in the UK, loved by over 140,000 subscribers. Each month, Happiful delivers 92 pages of uplifting, ad-free content promoting positive mental health and wellbeing. It’s often described as a “monthly hug” by its readers.

Happiful

📲 Let’s Build Your Next App

iOS and Android Mobile Apps for Happiful Magazine

Since 2019, Codalent has been Traefik Labs' technical partner for marketing — covering frontend, CMS, HubSpot, analytics, search, and deployment.

Modern Web Development at Scale: Codalent’s 7+ Year Partnership with Traefik Labs

Home page of Traefik Labs website

Pixel-Perfect Implementation of the Designs

Documentation Hub

Responsive Product Pages, Built for Marketing Velocity

HubSpot-Powered Landing Pages

Unified Search Across Docs, Blog & Resources

Marketing Campaigns, Shipped Fast

We pick the lightest stack that hits the brief — and document everything so the in-house team can run it after we hand off.

Next.js

TailwindCSS

Ghost CMS

HubSpot

Netlify

Google Analytics

Google Tag Manager

Gatsby

Astro

Algolia

The Traefik Labs website passes Core Web Vitals with strong real-user performance across the board. Based on the latest PageSpeed Insights report:

An ongoing development partnership since 2019 — the same team that knows the codebase, the workflows, and the marketing stack inside out.

7+ years, one partner

The migration moved the site onto a modern frontend codebase without disrupting publishing flows or the marketing team's day-to-day.

Gatsby → Next.js, with no regression

HubSpot landing pages, GA4 events, GTM debugging, Algolia search — all maintained alongside the website so marketing is never blocked on implementation.

Marketing stack, integrated

Modern Web Development at Scale: Codalent’s 7+ Year Partnership with Traefik Labs.

Modern Web Maintenance at Scale: Codalent’s 7+ Year Partnership with Traefik Labs

CrowdSec had outgrown Webflow. We helped them move to a Next.js frontend with headless WordPress, giving their marketing team CMS flexibility while keeping design, performance, SEO, and structured data under developer-controlled guardrails.

Rebuilding CrowdSec’s Website with Next.js and Headless WordPress

Webflow gave the team speed early on, but over time the freedom to edit styles and layouts created inconsistencies across the site. The marketing team needed flexibility, but the design team needed stronger governance.

Freely editable page styling made visual consistency difficult to protect.

Reusable design patterns were drifting as more people updated pages.

Advanced SEO, structured schema, and customization needs were pushing beyond the platform.

A website that was becoming harder to control

With WordPress as a headless CMS and Next.js as the frontend, CrowdSec got the best of both worlds: a fast, structured, developer-controlled website with editable content and reusable page-building tools for marketing.

A Next.js frontend for speed, maintainability, and technical SEO control.

A familiar WordPress editorial workflow for day-to-day marketing updates.

A coded design system that keeps layout, styling, and responsiveness under approved guardrails.

A component-led website marketing could actually use

The stack paired a fast, governed frontend with a CMS workflow the marketing team already understood.

WordPress

The rebuild created a marketing platform that could scale across campaign pages, product storytelling, and SEO-led growth without giving up design control.

A headless WordPress CMS tailored for the marketing team.

ACF Flexible Layouts mapped directly to React components.

Reusable page-building components for landing pages and campaign pages.

What we built

CrowdSec provided the new website design, and Codalent translated it into a reusable frontend system instead of recreating one-off pages.

A coded design system based on CrowdSec’s new website direction.

Structured schema flexibility for advanced SEO and LLM-facing content.

Stronger design governance by moving layout and style control into code.

A coded system based on CrowdSec’s new design

A PageSpeed Insights desktop report for crowdsec.net on May 28, 2026 showed the site passing Core Web Vitals with strong real-user performance across the key metrics.

The PageSpeed Insights desktop report for crowdsec.net showed a passed Core Web Vitals assessment on May 28, 2026.

Core Web Vitals assessment passed

The report also showed Time to First Byte at 0.4s, giving the site a strong server-response baseline for fast page delivery.

0.4s Time to First Byte

The measured desktop experience remained comfortably in the green across LCP, INP, CLS, FCP, and TTFB.

Fast desktop experience

CrowdSec

How Codalent rebuilt CrowdSec’s marketing website with Next.js, headless WordPress, ACF Flexible Content, and a governed component design system.

CrowdSec Case Study | Next.js and Headless WordPress Website Rebuild

Rebuilding Planning Center’s Website with Storyblok and Next.js

Planning Center is a leading church management software company based in the United States, offering a suite of tools that help churches streamline operations, manage services, connect with communities, and coordinate teams. Their platform includes solutions for event scheduling, giving, check-ins, communications, and more—trusted by thousands of churches to simplify administrative work and enhance engagement.

Our Work