Building a Headless Site with Remix
summary
Builds a working headless WordPress site in ~20 minutes: installs WPGraphQL + Atlas Content Modeler, creates a "projects" content model with title date assignee and rich text, seeds data, composes GraphQL queries in the graphical IDE, wires Apollo Client to the WP GraphQL endpoint, and uses Remix loader functions to fetch data on the server and hydrate routes. Demonstrates dynamic routing by slug and returns live project pages, plus notes on why Remix loader runs on the server and caching with in memory cache.
AI-written summary · about
chapters (12)
- 0:00Start
- 0:50What Headless Wordpress Is
- 1:59Headless Wordpress
- 3:15Create a New Wordpress Site
- 3:53Install the Wpgraphql Plugin
- 4:28Content Model
- 6:14Features of Wp Graphql in the Graphical Ide
- 6:51Integrate Remix
- 7:51Configure Apollo Client To Query Our Graphql Endpoint
- 11:06Index Js
- 11:55Loading Our Data Dynamically from Wordpress
- 14:22The Remix Framework
related talks
26mBuilding Better Websites with Remix
10mRebuilding a 1,000-page website with only one developer
59mRemixing Frontend Development
45mWhy I want to do only projects with Remix
21mAPI-first Development with Headless WordPress
20mRemixing How We Give
36mRemix your UI & UX to another level
14mRemix run - new kid on the block, and is it a competition for Next.js and Gatsby?