Merge pull request #7513 from saurabhraghuvanshii/blog

fix: date sort in /blog

Author: saurabhraghuvanshii

gatsby-config.js

@@ -360,7 +360,7 @@ module.exports = {
                   }
                 }
                 allMdx(
-                  sort: {frontmatter: {date: DESC}}
+                  sort: {fields: {dateForSort: DESC}}
                   limit: 20
                   filter: {
                     frontmatter: { published: { eq: true } }

gatsby-node.js

@@ -845,6 +845,24 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
     value: collection,
   });
 
+  // Normalize blog date to ISO string for stable sort order across build environments (fixes production blog order)
+  if (collection === "blog") {
+    let dateForSort = "1970-01-01T00:00:00.000Z";
+    if (node.frontmatter?.date != null) {
+      try {
+        const parsed = new Date(node.frontmatter.date).toISOString();
+        if (!Number.isNaN(Date.parse(parsed))) dateForSort = parsed;
+      } catch {
+        // keep fallback
+      }
+    }
+    createNodeField({
+      name: "dateForSort",
+      node,
+      value: dateForSort,
+    });
+  }
+
   if (collection !== "content-learn") {
     let slug = "";
     if (node.frontmatter.permalink) {

src/pages/blog/index.js

@@ -9,7 +9,7 @@ const BlogList = loadable(() => import ("../../sections/Blog/Blog-list"));
 
 export const query = graphql`query allBlogs {
   allMdx(
-    sort: {frontmatter: {date: DESC}}
+    sort: {fields: {dateForSort: DESC}}
     filter: {fields: {collection: {eq: "blog"}}, frontmatter: {published: {eq: true}}}
   ) {
     nodes {
@@ -41,7 +41,8 @@ export const query = graphql`query allBlogs {
 }`;
 
 const Blog = (props) => {
-  if (props.data.allMdx.nodes.length === 0) {
+  const nodes = props.data?.allMdx?.nodes ?? [];
+  if (nodes.length === 0) {
     return (
       <LitePlaceholder
         pageContext={{
@@ -57,7 +58,7 @@ const Blog = (props) => {
   const [isListView, setIsListView] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
   const { queryResults, searchData } = useDataList(
-    props.data.allMdx.nodes,
+    nodes,
     setSearchQuery,
     searchQuery,
     ["frontmatter", "title"],

src/sections/Blog/Blog-single/index.js

@@ -27,7 +27,7 @@ const BlogSingle = ({ data, children }) => {
   const { relatedPosts: blogData, authors } = useStaticQuery(
     graphql`query relatedPosts {
   relatedPosts: allMdx(
-    sort: {frontmatter: {date: DESC}}
+    sort: {fields: {dateForSort: DESC}}
     filter: {fields: {collection: {eq: "blog"}}, frontmatter: {published: {eq: true}}}
   ) {
     nodes {

src/sections/Platform-Engineering/platform.js

@@ -21,7 +21,7 @@ const Platform = () => {
   const data = useStaticQuery(
     graphql`query relatedBlogPosts {
       relatedPosts: allMdx(
-        sort: { frontmatter: { date: DESC } }
+        sort: { fields: { dateForSort: DESC } }
         filter: {
           fields: { collection: { eq: "blog" } }
           frontmatter: {

src/templates/blog-category-list.js

@@ -7,7 +7,7 @@ import { graphql } from "gatsby";
 
 export const query = graphql`query BlogsByCategory($category: String!) {
   allMdx(
-    sort: {frontmatter: {date: DESC}}
+    sort: {fields: {dateForSort: DESC}}
     filter: {fields: {collection: {eq: "blog"}}, frontmatter: {category: {eq: $category}, published: {eq: true}}}
   ) {
     nodes {

src/templates/blog-tag-list.js

@@ -7,7 +7,7 @@ import { graphql } from "gatsby";
 
 export const query = graphql`query BlogsByTags($tag: String!) {
   allMdx(
-    sort: {frontmatter: {date: DESC}}
+    sort: {fields: {dateForSort: DESC}}
     filter: {fields: {collection: {eq: "blog"}}, frontmatter: {tags: {in: [$tag]}, published: {eq: true}}}
   ) {
     nodes {