Query Options Demo

Configure how data is fetched. Change options and either refresh the page or navigate away and back to see the effect.

Options

Data loaded

lazy

Don't block navigation while loading

server

Fetch data during SSR

immediate

Fetch data immediately on mount

clientCache

Cache responses for client-side navigation

const { data: posts, pending, refresh } = usePosts()

Fetches:1 SSR|0 client Navigate away and back to test caching

Lazy behavior:Navigation blocks until data readyBrowser shows loading indicator in the tab

Dec 31, 2024

Hello WPNuxt!

Welcome to headless WordPress + Nuxt. This is your first post. Edit or delete it, then start writing!

Dec 19, 2024

Render Gutenberg Blocks

When using @wpnuxt/blocks each block type can be overridden by a custom component. Example CoreImage: Example CoreQuote: Quote Block Here comes the citation TestHeading Tabel cell 1 Tabel cell 2 Tabel cell 3 Tabel cell 4 tabel caption Verse

Sep 21, 2023

Image Gallery

The WPNuxt module detects the ImageGallery gutenberg block and it is rendered in this demo with a custom ImageGallery component, using VueLightbox.

Sep 21, 2023

A brand new Nuxt module

Testing the featured image Testing internal link to the sample page. Testing inline image in text:

Feb 9, 2023

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat… Continue reading Lorem ipsum