Get Started with Headless
WP Engine’s Headless WordPress Framework includes this example project, the headless WordPress plugin, headless packages, and tutorials to make building headless WordPress sites fast and fun.
Explore this Example Project
This headless example project uses Next.js, GraphQL, GQty and the WP Engine headless packages for WordPress integration. Dive in and edit this template at src/pages/index.tsx or discover more below.
Global Styles and Fonts
Add styles to load on every page, such as typography and layout rules, in src/scss/main.scss. The project adds normalize.css in src/pages/_app.tsx. Google Fonts are enqueued in src/pages/_document.tsx.
Components
Add or edit components in the src/components folder. Find component styles at src/scss/components, which use CSS modules to scope CSS to each component.
Hooks
Fetch data from WordPress with usePost, usePosts, useGeneralSettings and other custom hooks. Use these hooks in your page templates to pass data to custom components. See src/pages/index.tsx for examples.
Latest Posts
The Posts component in src/pages/index.tsx shows the latest six posts from the connected WordPress site.
HELLO
Gutenberg Sample Content.Put together with ❤️ by Bowriver Studio This is a heading (H1) This is a heading (H2) This is a heading (H3) This is a heading (H4) Paragraph Block This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize […]
HELLO
Gutenberg Sample Content.Put together with ❤️ by Bowriver Studio This is a heading (H1) This is a heading (H2) This is a heading (H3) This is a heading (H4) Paragraph Block This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize […]
HELLO
Gutenberg Sample Content.Put together with ❤️ by Bowriver Studio This is a heading (H1) This is a heading (H2) This is a heading (H3) This is a heading (H4) Paragraph Block This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize […]
HELLO
Sample Content Post for Testing Gutenberg Short · GitHub Skip to content All gists Back to GitHub Sign in Sign up Sign in Sign up {{ message }} Instantly share code, notes, and snippets. Bowriverstudio/gist:0eabbe2a122b149730806390c810c6f4 Created Oct 22, 2022 Star 0 Fork 0 Star Code Revisions 1 Embed What would you like to do? Embed Embed this […]
Post 14
Sample Content Post for Testing Gutenberg Short · GitHub Skip to content All gists Back to GitHub Sign in Sign up Sign in Sign up {{ message }} Instantly share code, notes, and snippets. Bowriverstudio/gist:0eabbe2a122b149730806390c810c6f4 Created Oct 22, 2022 Star 0 Fork 0 Star Code Revisions 1 Embed What would you like to do? Embed Embed this […]
How quickly a ssh weak password gets hacked on Digital Ocean Honeypot
Overview We created an unadvertised honeypot digital ocean droplet, and a user with a weak password to see how long it would take before we were hacked. Attacks came within the first min, we were hacked in less than 9 hours. Setup We created a Digital Ocean Droplet that resided in Canada with Ubuntu 20.04. […]
Questions or comments?
We welcome feature requests, bug reports and questions in the Headless Framework GitHub repository.