📚 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
✨ Starter Theme
Project Structure
The structure of a theme folder
.github
acf-json
assets
Houses any public static files
backend
blocks
components
hooks
queries
views
.env
.gitignore
.ed.config.json
favicon.ico
index.php
package.json
theme.css.tsx
⚠️
The above is WIP!
Constants
Global values for affecting output bundles
ed.config.json
Configuration for
eddev
and
eddev-php