import { getPayloadHMR } from '@payloadcms/next/utilities'
import React from 'react'
import config from '@/payload.config'

export default async function RecentBlogPosts() {
  const payload = await getPayloadHMR({ config })
  const blogPosts = await payload.find({
    collection: 'blog-post',
  })
  return (
    <div>
      <h2>Recent Blog Articles</h2>
      <div className="grid grid-cols-3 gap-10">
        {blogPosts.docs.map((post: any) => {
          return (
            <div key={post.id} className="bg-gray-200 p-4">
              <h3>{post.title}</h3>
              <p>{post.description}</p>
            </div>
          )
        })}
      </div>
    </div>
  )
}

  TopData = await unstable_cache(
      async () => {
        const dbData = await db
          .collection("views")
          .aggregate([ ])
          .toArray();

        return dbData;
      },
      ["key"],
      { tags: ["homepage", "hiddenArticles"] }
    )();

const fetchData = async () => {}
const fetchDataCached = unstable_cache(fetchData)
const data = await fetchDataCached()
const datb = await unstable_cache(fetchData)()

 TopData = unstable_cache(
      async () => {
        const dbData = await db
          .collection("views")
          .aggregate([
            {
              $group: {
                _id: { $toObjectId: "$article" },
                ipViews: { $sum: 1 },
              },
            },
            {
              $lookup: {
                from: "articles",
                localField: "_id",
                foreignField: "_id",
                as: "articleInfo",
              },
            },
            { $unwind: "$articleInfo" },
            {
              $match: {
                "articleInfo.disabled": false,
                "articleInfo.unlisted": false,
              },
            },
            {
              $addFields: {
                totalViews: { $sum: ["$ipViews", "$articleInfo.InitialViews"] },
                categoryId: { $toObjectId: "$articleInfo.Category" },
              },
            },
            { $sort: { totalViews: -1 } },
            { $limit: 5 },
            {
              $lookup: {
                from: "categories",
                localField: "categoryId",
                foreignField: "_id",
                as: "categoryInfo",
              },
            },
            { $unwind: "$categoryInfo" },
            {
              $project: {
                totalViews: 1,
                title: "$articleInfo.title",
                url: {
                  category: "$categoryInfo.publicUrl",
                  article: "$articleInfo.link",
                },
              },
            },
          ])
          .toArray();

        const parsedData = dbData
          .map((article) => {
            const parse = TopArticleSchema.safeParse(article);

            if (parse.success) return parse.data;
          })
          .filter((article): article is TopArticleSchemaType => !!article);

        return parsedData;
      },
      ["key"],
      { tags: ["homepage", "hiddenArticles"] }
    )();
  }

It shows fine with pnpm run dev on localhost, perhaps because caching is turned off? But when I add new articles in Payload it doesn't show up for some reason.

import { getPayloadHMR } from '@payloadcms/next/utilities'
import React from 'react'
import config from '@/payload.config'

export default async function RecentBlogPosts() {
  const payload = await getPayloadHMR({ config })
  const blogPosts = await payload.find({
    collection: 'blog-post',
  })
  return (
    <div>
      <h2>Recent Blog Articles</h2>
      <div className="grid grid-cols-3 gap-10">
        {blogPosts.docs.map((post: any) => {
          return (
            <div key={post.id} className="bg-gray-200 p-4">
              <h3>{post.title}</h3>
              <p>{post.description}</p>
            </div>
          )
        })}
      </div>
    </div>
  )
}

any idea why run dev removes caching altogether? (is that on purpose for some reason?)
wouldn't it be better to have run dev emulate the same thing run build on production would see? that way we are not surprised when things don't work the same way after it has been taken live