A Tinder Love Story: Create a Wordpress Blog with React, instead of PHP
summary
Tinder describes migrating its Swipe Life blog to GatsbyJS as a React front end sourcing content from WordPress via gatsby-source-wordpress, producing a static site deployed to S3/CloudFront with lambda@edge for i18n. Concrete results: PWA offline caching, chrome performance ~98, image optimizations via gatsby-image, link prefetching via gatsby-link, and surviving a WordPress outage because runtime makes no API calls. Tradeoffs: initial three hour builds that are reduced to ~15 minutes with caching, image sizing, and newer Gatsby versions, and a custom preview workflow.
AI-written summary · about
chapters (10)
- 0:00Introduction to Swipe Life
- 2:58Gatsby and WordPress integration
- 5:59Gatsby configuration and build
- 11:31Swipe Life launch and reception
- 13:23Optimizing web performance
- 17:42Progressive web app capabilities
- 21:23Surviving the WordPress outage
- 24:26Production lessons learned
- 31:31The emoji campaign case study
- 38:53Conclusion and Q&A
related talks
39mA Tinder Love Story: How we created our WordPress blog in React...not PHP
17mThe Client-Side Revolution, Brought to You by React
29mProduction Ready React with GatsbyJS
18mUsing GraphQL on WordPress
27mBeyond Static: Dynamic Web Applications with Gatsby
07mBuilding React frontends for WordPress
21mBringing Svelte to 40% of the Web: Using Wordpress to Power Svelte
10mStatic Websites - The Final Frontier