Case Study

Andrew Ng's Personal Website with Gatsby and Headless WordPress

August 15, 2022

Mockups of Andrew Ng's website

Andrew Ng is a world-renowned AI (Artificial Intelligence) expert and the founder of DeepLearning.AI. He is also the co-founder of Coursera and the former Chief Scientist at Baidu. In 2013, he was named to the Time 100 list of the most influential persons in the world.

Andrew Ng’s personal Website lists all of his projects and publications. We partnered with Andrew and his team to design a website that would enable him to curate his publications at a single place and make them accessible to everybody.

Project Goals

  • Let visitors find research papers. A nice searchable interface where they can read the abstract (without having to download anything). The research paper database should be easy to update with new papers.
  • Let researchers read about a handful of the top projects, with links out to the relevant resources.
  • Let visitors find courses that Andrew teaches, with links to the relevant DeepLearning.AI, Coursera or Stanford pages.

Infrastructure Goals

Build a site that can easily serve us for the next 10 years without much maintenance needs.

Technical Infrastructure

A decoupled architecture using a headless CMS and a static site generator.

  • Headless WordPress CMS
  • Gatsby as the static site generator
  • Gatsby cloud for site builds and hosting
  • AWS for WordPress hosting
Gatsby
Gatsby
React
React
WordPress
WordPress
Algolia
Algolia

100% Scores on Google Lighthouse

We used Lighthouse and Gtmetrix to measure the performance of the website before and after the migration. The following table shows the performance report of the website before and after the migration.

Score
Performance100
Accessibility91
Best Practices100
SEO91
Largest Contentful Paint0.6s
Cumulative Layout Shift0.028
First Contentful Paint0.5s
Lighthouse Performance report for andrewng.org
Lighthouse Report taken on launch date

Techniques that helped us achieve these scores:

  • Static Site Generation (SSG) with Gatsby
  • Image optimizations and lazy loading using Gatsby’s image plugin
  • Code splitting

Client Testimonial

Arpit helped us rebuild our new website from scratch since the old one was completely outdated and even had certain plugins that were no longer supported. After diligently diving into our old hosted account to identify & troubleshoot areas that needed to be fixed or redesigned, he gave us a very clear project timeline and was able to deploy our brand new website within a few weeks after sending us the mockups. I really appreciated his thorough communication throughout the project and he was always very quick to implement any last minute changes or suggestions that we had. I HIGHLY recommend working with Arpit and would definitely do so again if we have more similar projects in the future.

Nikki Angco
Nikki Angco
Sr. Executive Administrator, DeepLearning.AI

Ready to Work with Us?

Book a free consultation call to discuss your project and see if we'd be a good fit for your organization.