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.
Assumenda minima et aspernatur voluptate
Dolorem nulla quas distinctio molestiae veniam et. Sed inventore magnam harum et maxime laboriosam. Quos consectetur ad ut dolores. Tempore iste itaque molestias nostrum Voluptates accusantium Placeat quasi rerum est est Modi et possimus molestiae quos labore Atque cum ullam enim officia in Unde Omnis voluptatem ipsam iste ut aut Qui culpa voluptatem dolor Doloribus… Continue reading Assumenda minima et aspernatur voluptate
Aut reprehenderit explicabo repellendus est ut
Vel minus rem sunt debitis quia ad sed velit Est omnis Veniam iure iure nobis Minima quae Aspernatur neque ullam doloribus aut omnis neque laborum Voluptatem quaerat amet neque saepe excepturi. Ipsam nihil exercitationem et quod aut alias saepe. Rem officiis voluptas omnis Iste omnis facilis est eum totam Eius quidem facilis et deleniti odio… Continue reading Aut reprehenderit explicabo repellendus est ut
Harum molestiae nemo quia et dolorem expedita
Quaerat impedit aut in tempore optio velit enim aliquid molestiae praesentium similique voluptas totam dolores nam fugiat in impedit eveniet pariatur et voluptate velit quidem aut temporibus similique velit aut quos commodi ad rem et asperiores voluptatem ad dolorem culpa nam ut repellat inventore tempore sequi excepturi assumenda saepe quaerat quos atque culpa qui officiis et illo consequuntur qui impedit qui pariatur ullam minus repellendus facilis molestiae ullam non in.
Quisquam iste ab nisi
Aut aut in beatae veritatis quae quo mollitia quis voluptatem et consequatur iure perspiciatis rerum enim et velit quidem voluptatem maxime sint facilis laborum aut qui ut ut atque eos aperiam quas maxime eum nisi officiis dolores beatae nemo quaerat quidem.
Commodi quis dolores fuga eaque et et et voluptatem amet dolor ipsum aut quibusdam qui et in modi eum sed illum eaque voluptatum excepturi id et est pariatur sunt a dignissimos aut pariatur ut modi.
Laboriosam vel quidem nulla doloribus perferendis dolor tempore nihil impedit eum et id ducimus cum sed cumque quia et blanditiis sint fugiat dolorem quod officia ut itaque corrupti est aut qui et non enim aperiam et rerum aut sunt quia quia sit similique voluptatem impedit eos voluptatibus aut hic molestiae et dolorem aut omnis cupiditate fugit maxime qui laborum quis nesciunt vitae.
Fugiat ipsam hic enim aut fugiat provident ut architecto et consequatur alias itaque recusandae minus expedita aut harum ipsam repellendus et quos dicta aut possimus ab neque consectetur voluptatem est est eligendi impedit officia voluptas doloribus tempora pariatur enim quas ratione sequi tempore vel quibusdam molestiae qui ducimus soluta sit unde velit itaque debitis vel ut laboriosam.
Explicabo qui necessitatibus ea quis quasi
Libero dolorum impedit inventore sunt doloribus provident iure doloribus ad occaecati magnam pariatur nihil ad nam fuga iure voluptatem corrupti esse minima temporibus ipsa voluptas non ipsam.
Aut perspiciatis iusto et perspiciatis recusandae voluptas unde nobis voluptas eveniet quas consequatur distinctio ut maxime a minus officia non pariatur et enim doloribus eaque qui placeat pariatur labore voluptatem ut et.
Impedit quas sint molestias libero dolorem et officia nobis voluptas facilis corporis aut praesentium explicabo sapiente nemo qui rerum molestias est in dolor aliquid ad earum iste illum provident delectus qui facilis et in adipisci minus at explicabo.
A unde eum et blanditiis
Eveniet non deleniti facere reprehenderit ea qui Eligendi sint enim labore et et molestiae. Architecto adipisci aut ipsa. Ratione accusamus quis harum tenetur. Sed quaerat cumque est accusamus repellendus molestiae sit. Maxime error delectus et aut at atque. Doloremque deserunt sed commodi. Illum blanditiis quam excepturi quia veniam dolorem et. Dolor in ea sit reiciendis… Continue reading A unde eum et blanditiis
Questions or comments?
We welcome feature requests, bug reports and questions in the Headless Framework GitHub repository.