Next 9.3+ and catch-all routes

[brycewray]

(Warning: I've already asked this question in varying forms on both Stack Overflow and the Reddit Next.js subreddit and, while the answers gave good information, I still need help. If this makes my question irrelevant, I understand.)

Can anyone offer a Next.js beginner any pointers on using getStaticPaths and getStaticProps with catch-all routes? Most Next.js 9.3+ blog starters seem to be based on just one level of blog posts (e.g., /posts/post-1.md, /posts/post-2.md, etc.), but what I've tried vainly to find is a starter — or just a set of instructions — that addresses handling, say, /posts/yyyy/mm/postname.md through /pages/posts/[...post].js.

I tried using fs-readdir-recursive to read the /posts/ directory's various levels and that works, but what it gives me doesn't produce something that getStaticPaths likes. I'm sure I just need to massage the result but can't find any examples to help me figure it out.

(Most examples that do go further than the one-level scenario seem to deal with fetching from DBs, perhaps because the scenario I'm trying to find is considered too simple. Probably is, for non-beginners, but...)

The code I tried initially failed because, as I was told on Reddit, it was providing getStaticPaths a paths constant which was an array of strings, not an array of objects. I then reworked it accordingly...

const readRecur = require('fs-readdir-recursive')
var posts = [] // the array into which we'll load the needed objects

const Post = ( { post } ) => {
  return (
    <div>
      <h1>This is a post.</h1>
      <p>Post-specific content to come after we have this working.</p>
    </div>
  )
}

export async function getStaticPaths () {
  const postsLoad = readRecur('posts')
  // get the array of objects
  postsLoad.forEach(file => {
    posts.push(
      {
        year: file.slice(0,4),
        month: file.slice(5,7),
        name: file.substring(8).replace('.md', '')
      }
    )
  })
  // now give the array to paths
  const paths = posts.map((post) => ({
    params: {
      post: [
        post.year,
        post.month,
        post.name  
      ]
    }
  }))

  return {
    paths,
    fallback: false
  }

}

export async function getStaticProps ({params}) {
  const post = await getBlogPost({
    year: post.year,
    month: post.month,
    name: post.name
  })
  return {
    props: {
      post
    }
  }
}

export default Post

...but could find nothing in the docs or any related articles that showed me where to go from there, since my own attempts to make the array "useful" to the rest of the code were unsuccessful.

Would tremendously appreciate any tips on these items. Thanks — and sorry to all for what I'm sure is a dumb question! Just trying to understand.

[brycewray]

For some reason, this no longer appears in the "Discussions" list, so I'm commenting here in an attempt to bump. I see no indication that the item was closed or killed, since I can still pull it up (although I had use my browser history to do so).