From 71bfbb262ceca545e7d65e5b1fef5482b72e5d5b Mon Sep 17 00:00:00 2001
From: Arjun Singh Saluja <arjunsaluja2004@gmail.com>
Date: Fri, 3 Oct 2025 12:51:25 +0530
Subject: [PATCH] docs(example): add Next.js blog example page using usePosts
 hook

---
 test-projects/next/pages/blog.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 test-projects/next/pages/blog.tsx

diff --git a/test-projects/next/pages/blog.tsx b/test-projects/next/pages/blog.tsx
new file mode 100644
index 000000000..20ef62f7c
--- /dev/null
+++ b/test-projects/next/pages/blog.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { usePosts } from "@headstartwp/next"; // hook from headstartwp
+
+export default function BlogPage() {
+  const { data, isLoading, error } = usePosts({
+    perPage: 5,
+  });
+
+  if (isLoading) return <p>Loading posts...</p>;
+  if (error) return <p>Failed to load posts.</p>;
+
+  return (
+    <main style={{ padding: "2rem", fontFamily: "sans-serif" }}>
+      <h1>Latest Blog Posts</h1>
+      {data?.posts?.length ? (
+        <ul>
+          {data.posts.map((post) => (
+            <li key={post.id}>
+              <a href={post.link} target="_blank" rel="noopener noreferrer">
+                {post.title.rendered}
+              </a>
+            </li>
+          ))}
+        </ul>
+      ) : (
+        <p>No posts found.</p>
+      )}
+    </main>
+  );
+}