Building a Headless Site with Remix, WPGraphQL & Web Fundamentals
summary
Remix connects to a local WordPress turned headless via WPGraphQL and Atlas Content Modeler, with Apollo Client and Tailwind wired into a Remix app; the demo builds content models, seeds projects, composes GraphQL queries in the IDE, implements a server-side Remix loader runs on server that calls a getProjects/getProjectBySlug service, and renders index and dynamic /projects/:slug routes. Endpoint copying, parameterized gql queries, and the live dev server all work as shown.
AI-written summary · about
chapters (7)
- 0:00Headless WordPress intro
- 2:55WordPress headless setup
- 6:48Remix with WPGraphQL config
- 11:03Loading data in Remix
- 14:13Remix server-side loading
- 16:19Dynamic routes in Remix
- 20:09Closing & resources
related talks
45mWhy I want to do only projects with Remix
26mBuilding Better Websites with Remix
59mRemixing Frontend Development
48mReact Remixed
21mAPI-first Development with Headless WordPress
20mRemixing How We Give
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
14mRemix run - new kid on the block, and is it a competition for Next.js and Gatsby?