📚 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
📚 The Stack
An overview of the technology and tooling we're using to build sites.
1.
WordPress
Why are we still using WordPress?
2.
Flywheel + Local
Our WordPress hosting provider, and local WordPress development
3.
React
Our frontend UI framework of choice
4.
TypeScript
Better developer experience and type safety
5.
(WP)GraphQL
Hooking up code to data
6.
eddev
Library
Our custom toolkit for building sites