# postlight/headless-wp-starter

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/postlight-headless-wp-starter).**

4,558 stars · 645 forks · JavaScript · GPL-2.0

## Links

- GitHub: https://github.com/postlight/headless-wp-starter
- Homepage: https://archive.postlight.com/labs/wordpress-react-starter-kit
- awesome-repositories: https://awesome-repositories.com/repository/postlight-headless-wp-starter.md

## Topics

`graphql-api` `headless-cms` `headless-wp` `labs` `nextjs` `react` `rest-api` `starter-kit` `wordpress` `wordpress-development`

## Description

This project is a headless WordPress starter kit and React frontend boilerplate. It provides a decoupled CMS architecture that separates the WordPress data source from the presentation layer, utilizing WordPress as a content API and React for the client-side user interface.

The starter kit includes a Dockerized WordPress environment for rapid local development bootstrapping. It implements a GraphQL integration to fetch content and custom data schemas from the backend, using JSON Web Tokens for secure API authentication.

The project covers content migration and data import from external installations into local environments. It also supports the creation of schema-extended data models through custom fields and resolvers to tailor data delivery to the frontend.

## Tags

### Content Management & Publishing

- [Headless CMS](https://awesome-repositories.com/f/content-management-publishing/headless-visual-cms/headless-cms.md) — Provides a complete architectural pattern for using WordPress as a headless CMS to deliver content via APIs. ([source](https://archive.postlight.com/labs/wordpress-react-starter-kit))
- [Starter Kits](https://awesome-repositories.com/f/content-management-publishing/headless-wordpress-development/starter-kits.md) — A boilerplate for building decoupled websites using WordPress as a content API and React for the frontend.
- [GraphQL Integrations](https://awesome-repositories.com/f/content-management-publishing/graphql-integrations.md) — Implements a GraphQL integration to fetch content and custom data schemas from the WordPress backend.
- [Headless WordPress Development](https://awesome-repositories.com/f/content-management-publishing/headless-wordpress-development.md) — Provides a starter kit specifically for building websites with a WordPress backend and a React frontend.

### Development Tools & Productivity

- [Headless API Integrations](https://awesome-repositories.com/f/development-tools-productivity/rest-api-integrations/headless-api-integrations.md) — Connects a React frontend to WordPress via secure tokens and custom GraphQL schemas.

### Networking & Communication

- [API Data Consumption](https://awesome-repositories.com/f/networking-communication/api-data-consumption.md) — Implements a mechanism to retrieve structured content from a remote WordPress API for use in a React frontend. ([source](https://github.com/postlight/headless-wp-starter#readme))

### Software Engineering & Architecture

- [Backend-Frontend Decoupling](https://awesome-repositories.com/f/software-engineering-architecture/backend-frontend-decoupling.md) — Separates the backend data source from the user interface to improve development flexibility and performance.

### User Interface & Experience

- [GraphQL Data Fetching](https://awesome-repositories.com/f/user-interface-experience/content-rendering-components/server-side-data-fetching/graphql-data-fetching.md) — Utilizes a GraphQL integration to perform structured data fetching for the frontend application.

### Web Development

- [Client-Side Components](https://awesome-repositories.com/f/web-development/client-side-components.md) — Uses a React-based frontend to render components in the browser based on data fetched from the CMS API.
- [React Project Boilerplates](https://awesome-repositories.com/f/web-development/create-react-app-customizations/project-scaffolders/react-project-boilerplates.md) — Includes a pre-configured React project foundation designed to render content from a headless CMS.
- [Decoupled Architectures](https://awesome-repositories.com/f/web-development/decoupled-architectures.md) — Implements a decoupled architecture that separates the content management backend from the frontend presentation layer.
- [Custom Data Resolvers](https://awesome-repositories.com/f/web-development/graphql-schema-generation/schema-modeling/custom-data-resolvers.md) — Enables the creation of schema-extended data models using custom resolvers to tailor API output.

### Part of an Awesome List

- [API Schema Extensions](https://awesome-repositories.com/f/awesome-lists/data/backend-and-api-services/api-schema-extensions.md) — Provides the ability to extend standard WordPress content types with custom GraphQL fields and resolvers for tailored data delivery. ([source](https://github.com/postlight/headless-wp-starter#readme))

### Security & Cryptography

- [JWT Authentications](https://awesome-repositories.com/f/security-cryptography/token-authentication/jwt-authentications.md) — Secures API requests using JSON Web Tokens to verify user identities between the frontend and backend. ([source](https://github.com/postlight/headless-wp-starter#readme))
- [Token-Based Authentication](https://awesome-repositories.com/f/security-cryptography/token-based-authentication.md) — Secures API communication between the React frontend and WordPress backend using JSON Web Tokens.