wpengine · moonmeister · Jan 23, 2025 · Jan 23, 2025 · Jan 23, 2025 · Jan 23, 2025
diff --git a/.gitignore b/.gitignore
@@ -14,6 +14,8 @@
 
 # production
 /build
+public/robots.txt
+public/sitemap*
 
 # misc
 .DS_Store

diff --git a/.npmrc b/.npmrc
@@ -1 +1,2 @@
 engine-strict=true
+enable-pre-post-scripts=true
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -7,6 +7,7 @@
 		"faustwp",
 		"heroicons",
 		"Kevinbatdorf",
+		"lastmod",
 		"recma",
 		"rehype",
 		"shiki",

diff --git a/next-sitemap.config.mjs b/next-sitemap.config.mjs
@@ -0,0 +1,22 @@
+import { env } from "node:process";
+import { URL } from "node:url";
+
+const SITE_URL = env.NEXT_PUBLIC_SITE_URL;
+
+export default {
+	siteUrl: SITE_URL,
+	generateRobotsTxt: true,
+	exclude: ["/wp-sitemap.xml"], // <= exclude here
+
+	robotsTxtOptions: {
+		additionalSitemaps: [
+			new URL("/wp-sitemap.xml", SITE_URL), // <==== Add here
+		],
+		policies: [
+			{
+				userAgent: "*",
+				disallow: "/",
+			},
+		],
+	},
+};
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
 	"scripts": {
 		"dev": "faust dev",
 		"build": "faust build",
+		"postbuild": "next-sitemap --config next-sitemap.config.mjs",
 		"generate": "faust generatePossibleTypes",
 		"stylesheet": "faust generateGlobalStylesheet",
 		"start": "faust start",
@@ -33,7 +34,7 @@
 		"html-to-text": "^9.0.5",
 		"http-status-codes": "^2.3.0",
 		"lodash.debounce": "^4.0.8",
-		"next": "^15.1.1",
+		"next-sitemap": "^4.2.3",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",
 		"recma-nextjs-static-props": "^2.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/possibleTypes.json b/possibleTypes.json
diff --git a/src/components/docs-layout.jsx b/src/components/docs-layout.jsx
@@ -4,10 +4,12 @@ import {
 	DisclosurePanel,
 } from "@headlessui/react";
 import { ChevronRightIcon, ChevronDownIcon } from "@heroicons/react/24/outline";
+import { useRouter } from "next/router";
 import DocsBreadcrumbs from "./docs-breadcrumbs";
 import DocsPreviousNextLinks from "./docs-previous-next-link";
 import OnThisPageNav from "./on-this-page-nav";
 import DocsNav from "@/components/docs-nav";
+import Seo from "@/components/seo";
 import routes from "@/pages/docs/nav.json";
 import "rehype-callouts/theme/vitepress";
 
@@ -31,8 +33,11 @@ const flattenRoutes = (routeConfig) => {
 
 export default function DocumentPage({ children, metadata }) {
 	const flatRoutes = flattenRoutes(routes);
+	const { asPath } = useRouter();
+
 	return (
 		<>
+			<Seo title={metadata.title} url={asPath} />
 			<Disclosure
 				as="div"
 				className="sticky top-[84px] z-10 border-b-[1px] border-gray-800 bg-gray-900/80 backdrop-blur-sm md:hidden"

diff --git a/src/components/seo.jsx b/src/components/seo.jsx
@@ -1,18 +1,14 @@
 import Head from "next/head";
 
 export default function SEO({ title, description, imageUrl, url }) {
-	if (!title && !description && !imageUrl && !url) {
-		return;
-	}
-
 	return (
 		<Head>
 			<meta content="website" property="og:type" />
 			<meta content="summary_large_image" property="twitter:card" />
 
 			{title && (
 				<>
-					<title>{title}</title>
+					<title>{`${title} | Faust.js`}</title>
 					<meta content={title} name="title" />
 					<meta content={title} property="og:title" />
 					<meta content={title} property="twitter:title" />

diff --git a/src/pages/blog/[slug].jsx b/src/pages/blog/[slug].jsx
@@ -1,6 +1,7 @@
 import { gql, useQuery } from "@apollo/client";
 import { WordPressBlocksViewer } from "@faustwp/blocks";
 import { flatListToHierarchical, getNextStaticProps } from "@faustwp/core";
+import Seo from "@/components/seo";
 import blocks from "@/wp-blocks";
 
 export default function SinglePost(properties) {
@@ -15,13 +16,18 @@ export default function SinglePost(properties) {
 	if (loading) return <p>Loading...</p>;
 	if (error) return <p>Error! {error.message}</p>;
 
-	const { title, date, author, editorBlocks } = post;
+	const { title, date, author, uri, excerpt, editorBlocks } = post;
 	const blockList = flatListToHierarchical(editorBlocks, {
 		childrenKey: "innerBlocks",
 	});
 
 	return (
 		<div className="container mx-auto px-4 py-8">
+			<Seo
+				title={title}
+				url={uri}
+				description={excerpt.replaceAll(/<\/?\S+>/gm, "")}
+			/>
 			<h1 className="mb-4 text-3xl font-bold">{title}</h1>
 			<p className="mb-8 text-white">
 				{author.node.name} &middot;{" "}
@@ -43,6 +49,8 @@ SinglePost.query = gql`
     post(id: $slug, idType: SLUG) {
       title
       date
+			uri
+			excerpt
       author {
         node {
           name

diff --git a/src/pages/blog/index.jsx b/src/pages/blog/index.jsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { useState, useEffect } from "react";
 import Card from "@/components/card";
 import Date from "@/components/date";
+import Seo from "@/components/seo";
 
 const GET_POSTS = gql`
 	query getPosts($first: Int!, $after: String) {
@@ -83,6 +84,11 @@ export default function BlogIndex() {
 
 	return (
 		<main className="container-main container-max container prose prose-invert px-8 py-14 prose-h2:mt-0 prose-h2:text-lg lg:px-16 lg:py-24">
+			<Seo
+				title="News"
+				description="Faust.js blog feed with the latest news."
+				url="/blog/"
+			/>
 			<h1 className="bg-gradient-to-tr from-blue-200 to-teal-300 bg-clip-text text-transparent">
 				Faust.js news
 			</h1>

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
@@ -8,11 +8,16 @@ import {
 } from "@heroicons/react/24/outline";
 import Card from "@/components/card";
 import Link from "@/components/link";
+import Seo from "@/components/seo";
 
-// The Component is required
 export default function Index() {
 	return (
 		<main>
+			<Seo
+				title="Home"
+				description="The Next.js Headless Toolkit for WordPress."
+				url="/"
+			/>
 			<section className="bg-100-full bg-default-pos bg-hero-gradient">
 				<div className="container-main container-max container prose prose-invert mt-0 md:prose-xl lg:prose-2xl prose-h1:mb-2 prose-h1:font-bold prose-h1:leading-tight">
 					<div className="mx-auto max-w-xl px-8 py-24 text-center md:max-w-2xl md:py-36 lg:max-w-3xl">

diff --git a/src/pages/showcase/index.jsx b/src/pages/showcase/index.jsx
@@ -1,6 +1,7 @@
 import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
 import Image from "next/image";
 import Link from "@/components/link";
+import Seo from "@/components/seo";
 
 const showcases = [
 	{
@@ -28,6 +29,11 @@ const showcases = [
 export default function Showcase() {
 	return (
 		<main className="container-main container-max container prose prose-invert px-8 py-14 md:prose-lg lg:prose-xl prose-h1:mb-2 prose-h1:font-semibold prose-h1:leading-tight prose-img:my-0 lg:px-16 lg:py-24">
+			<Seo
+				title="Showcase"
+				description="Faust.js showcase with sites powered by Faust."
+				url="/showcase/"
+			/>
 			<h1 className="bg-gradient-to-br from-white/80 to-gray-300 bg-clip-text text-center text-transparent">
 				Faust.js™ Showcase
 			</h1>

diff --git a/src/pages/wp-sitemap.xml/index.jsx b/src/pages/wp-sitemap.xml/index.jsx
@@ -0,0 +1,61 @@
+import { env } from "node:process";
+import { URL } from "node:url";
+import { gql } from "@apollo/client";
+import { getApolloClient } from "@faustwp/core";
+import { getServerSideSitemapLegacy } from "next-sitemap";
+
+export const getServerSideProps = async (ctx) => {
+	const client = getApolloClient();
+
+	async function getPaginatedQuery(query, previousPosts = []) {
+		console.log("current post count:", previousPosts.length);
+		const res = await client.query(query);
+
+		const newPosts = [...previousPosts, ...res.data.posts.nodes];
+		if (res.data.posts.pageInfo.hasNextPage) {
+			console.log("fetching more posts");
+			return getPaginatedQuery(
+				{
+					query: query.query,
+					variables: {
+						after: res.data.posts.pageInfo.endCursor,
+						first: query.variables.first,
+					},
+				},
+				newPosts,
+			);
+		}
+
+		return newPosts;
+	}
+
+	const posts = await getPaginatedQuery({
+		query: gql`
+			query getPosts($first: Int!, $after: String) {
+				posts(first: $first, after: $after) {
+					nodes {
+						uri
+						modified
+					}
+					pageInfo {
+						hasNextPage
+						endCursor
+					}
+				}
+			}
+		`,
+		variables: { first: 10 },
+	});
+
+	console.log("Final Post Count:", posts.length);
+
+	const fields = posts.map((post) => ({
+		loc: new URL(post.uri, env.NEXT_PUBLIC_SITE_URL).href, // Absolute url
+		lastmod: post.modified,
+	}));
+
+	return getServerSideSitemapLegacy(ctx, fields);
+};
+
+// Default export to prevent next.js errors
+export default function Sitemap() {}