Faust test site
WP Engine’s Faust.js Framework includes this example project, the FaustWP 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.
Static Site Generation
This example project uses Next.js' Static Site Generation (SSR). SSG unlocks better performance by statically generating pages that can then be cached by a CDN.
Incremental Static Regeneration
This example project uses Next.js' Incremental Static Regeneration (ISR). This allows you to revalidate static pages without having to rebuild your entire site. By default, Faust.js sets a 15 minute revalidate time per page.
Learn more about how Faust.js uses ISR.
Ready for Atlas
Atlas is the complete Headless WordPress Platform for absurdly fast dynamic sites. One headless solution, one price, all in one place.
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.
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.
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.
Latest Posts
The Posts component in src/pages/index.tsx shows the latest six posts from the connected WordPress site.
The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men
Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother’s keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My …
Excepteur officia consectetur irure fugiat irure non do id cupidatat
Dolore eu veniam incididunt magna. Enim esse non velit dolore voluptate commodo aute amet in. Quis sit quis in duis tempor duis in eiusmod eiusmod. Veniam ex aute eu nostrud id ut nostrud non proident dolor proident labore. Qui dolor quis culpa tempor dolore cillum enim. Excepteur officia culpa incididunt consequat dolor aute et ad. …
The fragrance of Meganium’s flower soothes and calms emotions
Wurmple is targeted by Swellow as prey. This Pokémon will try to resist by pointing the spikes on its rear at the attacking predator. It will weaken the foe by leaking poison from the spikes.Bayleef’s neck is ringed by curled-up leaves. Inside each tubular leaf is a small shoot of a tree. The fragrance of …
If Ninjask is not trained properly, it will refuse to obey the Trainer and cry loudly continuously
Its claws and horns often break off. The broken claws and horns can be used to carve plows for tilling farm fields.This Pokémon pulls out the leaf on its head and makes a flute with it. The sound of Nuzleaf’s flute strikes fear and uncertainty in the hearts of people lost in a forest.They live …
Questions or comments?
We welcome feature requests, bug reports and questions in the Headless Framework GitHub repository.