Headless WordPress Turborepo starter

Monorepo for my personal website & projects

Prerequisites:

1. Working WordPress Instance with these plugins installed:

• Add WPGraphQL SEO
• Advanced Custom Fields
  • Our ACF plugin has been taken over forcibly by wordpressdotorg without our consent. (NOT Secure Custom Fields) READ MORE
  • Add The ACF Json within wp-assets/acf-fields/acf-export.json
  • To this page: /wp-admin/edit.php?post_type=acf-field-group&page=acf-tools
• Faust.js™
• Generate WpGraphql Image DataUrl
• Gravity Forms
• WPGraphQL
• WPGraphQL CORS
• WPGraphQL for ACF
• WPGraphQL for Gravity Forms

2. Vercel Account for delpoyment
3. Github Account to push code to

Features:

• Preview Draft Posts
• Custom ACF Flexible Content Components for Page Building
• Tailwind CSS for styling
• Gravity Forms Component (IN DEVELOPMENT)
• Auth / My Account Page
• More Coming Soon!

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• docs: a Next.js app (IN DEVELOPMENT)
• web: a Headless WordPress website using Faust JS
• @repo/ui: a stub React component library shared by both web and docs applications
• @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo
• @repo/cb-headless-gravity-forms: A headless gravity forms component (IN DEVELOPMENT)

Each package/app is 100% TypeScript.

Utilities Used

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Build

To build all apps and packages, run the following command:

cd my-turborepo
bun build

Develop

To develop all apps and packages, run the following command:

cd my-turborepo
bun dev

Remote Caching

Turborepo can use a technique known as Remote Caching to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.

By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can create one, then enter the following commands:

cd my-turborepo
bunx turbo login

This will authenticate the Turborepo CLI with your Vercel account.

Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your Turborepo:

bunx turbo link

Useful Links

Learn more about the power of Turborepo:

• Tasks
• Caching
• Remote Caching
• Filtering
• Configuration Options
• CLI Usage