Get Confused with Headless
Herp derp a derp derp project, the Link to place, Irish Stuff, and tutorials to make building headless WordPress sites fast and fun.
Explore this Example Project
This herpa derp derp uses
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 world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Questions or comments?
We welcome feature requests, bug reports and questions in the Headless Framework GitHub repository.