Welcome {data.viewer.name}
- -My Posts
--
- {data.viewer.posts.nodes.map((post) => (
-
- {post.title} - ))} -
Posts
--
- {data.posts.nodes.map((post) => (
-
- - {post.title} - - ))} -
My posts
--
- {data.viewer.posts.nodes.map((post) => (
-
- {post.title} - ))} -
-
-
-
> [!CAUTION]
> This package has been **deprecated** due to lack of Apollo support for React Server Components and Next's App Router. The team is working on [tooling to replace Faust](https://github.com/wpengine/hwptoolkit) and this will include App Router support. You may continue to use this package though it will not receive any further bug fixes or security patches. If you need bug fixes or security updates we'd recommend copying the source code of this package directly into your project for use or use a tool such as [`patch-package`](https://www.npmjs.com/package/patch-package).
-This is an **experimental** collection of utilities to support Next.js' App Router feature in Faust. To get started, please visit the docs here:
-
-## Documentation
+An archive of this plugin and various resources is available on the [`archive-experimental-app-router`](https://github.com/wpengine/faustjs/tree/archive-experimental-app-router/packages/experimental-app-router) branch.
-- [Tutorial](./docs/getting-started.md)
-- Reference
- - [`faustRouteHandler`](./docs/faustroutehandler.md)
- - [`getAuthClient`](./docs/getauthclient.md)
- - [`getClient`](./docs/getclient.md)
- - [`onLogin` Server Action](./docs/onlogin-server-action.md)
- - [`onLogout` Server Action](./docs/onlogout-server-action.md)
+- [Code](https://github.com/wpengine/faustjs/tree/archive-experimental-app-router/packages/experimental-app-router/src)
+- [Documentation](https://github.com/wpengine/faustjs/tree/archive-experimental-app-router/packages/experimental-app-router/docs)
+- [Examples](https://github.com/wpengine/faustjs/tree/archive-experimental-app-router/examples/next/app-router)
diff --git a/packages/experimental-app-router/docs/faustroutehandler.md b/packages/experimental-app-router/docs/faustroutehandler.md
deleted file mode 100644
index c5e0afbac..000000000
--- a/packages/experimental-app-router/docs/faustroutehandler.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# `faustRouteHandler`
-
-`faustRouteHandler` is an API handler for App router projects. It's main purpose is to manage Faust.js API logic, such as authentication and internal route handling.
-
-## Usage
-
-Create a file `/app/api/faust/[route]/route.js` with the following contents:
-
-```js
- import { faustRouteHandler } from '@faustwp/experimental-app-router';
-
- const { GET, POST } = faustRouteHandler;
-
- export { GET, POST };
-```
-
-## Technical Reference
-
-The `faustRouteHandler` is an object with the following properties:
-
-`GET`
-
-Handles GET requests over the `/app/api/faust/*` endpoint.
-
-`POST`
-
-Handle POST requests over the `/app/api/faust/*` endpoint.
-
-## Additional Context
-
-- [Next.js Route handlers](https://nextjs.org/docs/app/building-your-application/routing/route-handlers)
diff --git a/packages/experimental-app-router/docs/getauthclient.md b/packages/experimental-app-router/docs/getauthclient.md
deleted file mode 100644
index 0de30b53c..000000000
--- a/packages/experimental-app-router/docs/getauthclient.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# `getAuthClient`
-
-`getAuthClient` is a function that returns the `ApolloClient` making it available for use. It is used for making authenticated server side requests in the Next.js App Router to the WordPress backend and is part of the `@faustwp/experimental-app-router` package.
-
-## Usage
-
-Here is an example layout that imports `getAuthClient` and uses `query` to query WPGraphQL:
-
-```js
-import { getAuthClient } from "@faustwp/experimental-app-router";
-
-// app/my-account/posts/page.js
-export default async function Page() {
- const client = await getAuthClient();
-
- if (!client) {
- return <>You must be authenticated to view this page!;
- }
-
- const { data } = await client.query({
- query: gql`
- query GetMyPosts {
- viewer {
- posts {
- nodes {
- id
- title
- }
- }
- }
- }
- `,
- });
-
- return (
- <>
- 
- 
- My posts
--
- {data.viewer.posts.nodes.map((post) => (
-
- {post.title} - ))} -
-
-
- - {data.generalSettings.title} -
- -{data.generalSettings.description}
--
- {data.primaryMenuItems.nodes.map((node) => (
-
- - {node.label} - - ))} -
Welcome {data.viewer.name}
- --
- {data.viewer.posts.nodes.map((post) => (
-
- {post.title} - ))} -