Add Faust.js tutorial

.gitignore

@@ -9,6 +9,7 @@ process.yml
 .env
 .env.*
 !.env.local.sample
+!.env.local.example
 build/
 faustjs.code-workspace
 plugins/faustwp/.docker/plugins/akismet/

examples/next/tutorial/.env.local.example

@@ -0,0 +1,5 @@
+# Your WordPress site URL
+NEXT_PUBLIC_WORDPRESS_URL=http://localhost:8881
+
+# Plugin secret found in WordPress Settings->Faust
+FAUST_SECRET_KEY=

examples/next/tutorial/README.md

@@ -0,0 +1,3 @@
+# Learn Faust.js
+
+Next.js app to be used with the [Learn Faust tutorial](https://faustjs.org/docs/tutorial/learn-faust/).

examples/next/tutorial/eslint.config.mjs

@@ -0,0 +1,14 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [...compat.extends("next/core-web-vitals")];
+
+export default eslintConfig;

examples/next/tutorial/faust-tutorial-blueprint.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://playground.wordpress.net/blueprint-schema.json",
+  "meta": {
+    "title": "Tutorial: Learn Faust.js",
+    "description": "Example site to use when learning how to work with Faust.js to build a headless WordPress site with Next.js.",
+    "author": "wpengine",
+    "categories": ["API", "wpgraphql", "Faust", "headless"]
+  },
+  "siteOptions": {
+    "blogname": "Learn Faust.js"
+  },
+  "landingPage": "/wp-admin/plugins.php",
+  "plugins": ["wp-graphql", "faustwp"],
+  "steps": [
+    {
+      "step": "login",
+      "username": "admin"
+    }
+  ]
+}

examples/next/tutorial/faust.config.js

@@ -0,0 +1,11 @@
+import templates from "./src/wp-templates/index";
+import possibleTypes from "./possibleTypes.json";
+import { setConfig } from "@faustwp/core";
+
+/**
+ * @type {import('@faustwp/core').FaustConfig}
+ **/
+export default setConfig({
+  templates,
+  possibleTypes,
+});

examples/next/tutorial/jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

examples/next/tutorial/next.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;