GraphQL Starter

The GraphQL Starter Theme is a specialized headless WordPress theme designed to function purely as a GraphQL API endpoint. It eliminates traditional frontend rendering and focuses solely on providing a clean and efficient GraphQL API interface.

---

• Features
  • Core Capabilities
  • Custom Post Types and Fields
  • GraphQL Capabilities
• Installation
  • Using Composer (Recommended)
  • Manual Installation
  • Rename Theme
• Theme Configuration
  • Configuration Constants
  • Example Usage
• Directory Structure
  • includes/ Directory
    • core/ Directory
  • docs/ Directory
  • testing-graphql/ Directory
• Usage
• License
• Support
• Credits

This lightweight and secure solution is ideal for:

• Public content APIs
• Headless frontend applications
• Scenarios where content management is handled through the WordPress admin interface

The theme has no authentication system, anonymous access is allowed to specific GraphQL queries and mutations. The following mutations are available:

• Comment creation
• Post like toggling

Features

Core Capabilities

• Headless WordPress API: Designed to serve as a GraphQL API for seamless integration with modern frontend frameworks like React, Vue, or Angular.

Custom Post Types and Fields

• Easy-to-use CustomPostType and CustomField classes for registering and managing post types and custom fields.
• Automatically integrates custom post types and fields into the GraphQL schema.
• Flexible configuration options for easy customization

Check the docs/custom-post-types.md and docs/custom-fields.md files for more information on registering custom post types and custom fields.

GraphQL Capabilities

• Read Operations Examples:
  • Query post types
  • Retrieve posts and their data
  • Access custom fields
• Write Operations Examples:
  • Create comments on posts
  • Toggle post likes
• No authentication required for public operations (Anonymous access).

---

Installation

Using Composer (Recommended)

composer create-project technway/graphql-starter your-theme-name --no-dev

Manual Installation

1. Download/Clone the theme from the Technway repository.

   git clone https://github.com/technway/graphql-starter.git

2. Upload the theme folder to your WordPress installation directory under /wp-content/themes/.
3. Activate the theme via the WordPress admin panel under Appearance > Themes.
4. Install and activate the WPGraphQL plugin.

Rename Theme

Use the rename-theme.php script to rename the theme. The script updates all references across relevant files while preserving formatting.

Run the script from the root of the theme directory:

php ./scripts/rename-theme.php "Your New Theme Name"

Example:

php ./scripts/rename-theme.php "My Custom GraphQL Theme"

---

Theme Configuration

The theme.config.php file contains essential configuration constants that control various features of the theme. These constants determine which functionalities are enabled or disabled.

Configuration Constants

Constant	Type	Default	Description
GRAPHQL_STARTER_ENABLE_CUSTOM_POST_TYPES	boolean	false	Controls whether custom post types are enabled. When true, allows registration of custom post types. See docs/custom-post-types.md for details.
GRAPHQL_STARTER_ENABLE_CUSTOM_FIELDS	boolean	false	Controls whether custom fields are enabled. When true, allows registration of custom fields. See docs/custom-fields.md for details.
GRAPHQL_STARTER_LIKE_POSTS_ENABLED	boolean	false	Enables/disables the post likes system. When true, activates like/unlike queries and mutations. See docs/blog-posts.md for details.
GRAPHQL_STARTER_POST_PAGES_COUNT_ENABLED	boolean	true	Controls whether total pages count is available in GraphQL queries. When true, adds 'total' field to pageInfo in post queries. Useful for pagination UI. See docs/blog-posts.md for details.

Example Usage

When GRAPHQL_STARTER_POST_PAGES_COUNT_ENABLED is true, you can query post pagination counts.

For detailed information about each feature. See the docs/ directory.

Directory Structure

graphql-starter/                   # Root directory of the theme
├── includes/                      # Core functionalities of the theme
│   ├── core/                      # Essential reusable components and logic
│   │   ├── classes/               # PHP classes for managing CPTs and CFs
│   │   │   ├── CustomField.php          # Class for defining custom fields
│   │   │   ├── CustomFieldRenderer.php  # Class for rendering custom fields
│   │   │   ├── CustomPostType.php       # Class for defining custom post types
│   │   ├── bootstrap/             # Initialization files for CPTs and fields
│   │   │   ├── cf-bootstrap.php   # Initializes custom fields
│   │   │   ├── cpt-bootstrap.php  # Initializes custom post types
│   │   ├── graphql/               # Files specific to GraphQL setup
│   │   │   ├── graphql-setup.php  # Configures GraphQL endpoints and settings
│   │   ├── custom-fields.php          # Registers and manages custom fields
│   │   ├── post-types.php             # Registers and manages custom post types
├── scripts/                       # Utility scripts for automation
│   ├── rename-theme.php           # Script to rename theme references
├── testing-graphql/               # GraphQL query test files for debugging
│   ├── *.http                     # HTTP files for testing GraphQL queries and mutations
│   ├── testing-graphql.md         # Documentation for testing GraphQL
├── docs/                          # Documentation files for the theme
├── functions.php                  # Main WordPress functions file
├── index.php                      # Empty index file
├── theme.config.php               # Theme configuration

includes/ Directory

The includes/ directory contains the core classes used to register custom post types (CPTs) and custom fields (CFs). These classes simplify the process of creating and managing CPTs and CFs within the theme. It also contains the custom-fields.php and post-types.php files, which are used to register custom fields and post types respectively.

core/ Directory

The core/ directory contains the reusable classes used to register custom post types (CPTs) and custom fields (CFs). These classes simplify the process of creating and managing CPTs and CFs within the theme.

docs/ Directory

The docs/ directory contains additional detailed documentation files about the theme, its architecture, and usage examples. Refer to docs/usage.md for more information on registering custom post types and custom fields.

testing-graphql/ Directory

The testing-graphql/ directory contains a .http file for testing GraphQL queries. Refer to testing-graphql.md for more information on testing GraphQL queries.

---

Usage

• Read the blog-posts.md file for more information on get posts in different scenarios and getting or toggling likes.
• Read the custom-post-types.md file for more information on registering custom post types.
• Read the custom-fields.md file for more information on registering custom fields.

---

License

This theme is licensed under the GNU General Public License v2 or later (GPL-2.0). See the LICENSE file for details.

---

Support

For support and contributions, visit the Technway GitHub repository.

---

Credits

The GraphQL Starter Theme is built with ❤️ and maintained by Technway. Special thanks to the creators of WPGraphQL for their excellent plugin.

Contributions are welcome! Feel free to fork the repository and submit pull requests.