example: Fetching data using fetch (app router)

[moonmeister]

Description

To create an example project showing how to setup a WordPress headless site with Next.js app router using fetch API.

Key Topics to Cover

Common WordPress Routes

• Front Page
• Home
• Singular (Post and Page)
• Category & Tag Archive
• CPT Single & Archive
• Attachment
• Search

Rendering

• CSR
• SSR
• SSG
• Hybrid between SSR and CSR

Other Features

• Pagination
• WPGraphQL Fragments & Mutations
• Persisted Queries

Target Audience

• WordPress developers setting up a headless application in Next.js for the app router.
• Frontend developers integrating WordPress into Next.js app router application.

[colinmurphy]

@moonmeister see above. I have added a description for the example on what I think we should cover.

[moonmeister]

It looks pretty good. However, I'm a little confused about what the smart cache object cache and cache invalidation have to do with the JS side of things. Also auth is possibly out of scope. That seems like it should be left to the auth examples. But I could be convinced otherwise.

[colinmurphy]

Thanks @moonmeister

In relation to WP GraphQL Snart Cache, I was more thinking of how caching works with the FE but some of this would be covered in docs and this is an example so I have removed this.

For auth, I wanted to cover how a developer might query non public data (like private data etc) but maybe this can be covered by auth etc?

[moonmeister]

Yeah, client /auth are obviously tightly related, but I think that example better resides there. Let's focus on public data for this one. We can always add it later if we decide it makes more sense here.

[colinmurphy]

Exactly and reference the example. Thanks again @moonmeister ❤