📚 The Stack
WordPress
Flywheel + Local
React
TypeScript
(WP)GraphQL
eddev
Library
⚙️ Process
Creating a new site
Deployment
Bundle Optimisation
Favicons
🛠 Tooling
CLI
Import Shortcuts
Constants
✨ Starter Theme
Project Structure
ed.config.json
<FadeSlider />
💅 Styling
Overview
theme.css.tsx
Responsive Styles
Tokens
Colour & Subthemes
Spacing
Typography
Variants and Variables
Admin Styles
🧱 Gutenberg Blocks
Overview
Defining a block
Block ACF Fields
Block GraphQL Files
Inline Editing
Nested Blocks
Restricting to Post Types
Restricting to Page Templates
Dynamic Blocks
📄 Views
Overview
View Queries
Displaying Blocks
_app.tsx
View
Custom Templates
📝 Custom ACF Fields
Overview
❄️ GraphQL
Overview
Query Hooks
Extending the GraphQL Schema
👀 SEO and Tracking
Analytics & Tag Manager
☀️ Serverless
Serverless Overview
Config
WordPress + Vercel
APIs
RPC API
🧐 How To
Menus
Options Pages
Edit This Site
🧱 Gutenberg Blocks
1.
Overview
The basics of creating Gutenberg blocks
2.
Defining a block
How to create a new block type
3.
Block ACF Fields
Provide additional fields for authoring
4.
Block GraphQL Files
Pipe data from WordPress into blocks
5.
Inline Editing
Seamless content authoring without ACF
6.
Nested Blocks
Blocks within blocks
7.
Restricting to Post Types
Limit blocks for usage within specific post types
8.
Restricting to Page Templates
Limit blocks for usage within specific page templates
9.
Dynamic Blocks
Reduce bundle sizes by loading a block asynchronously