NotionNext/pages/tag/[tag].js

import { getAllCategories, getAllPosts, getAllTags } from '@/lib/notion'
import BLOG from '@/blog.config'
import StickyBar from '@/components/StickyBar'
import BaseLayout from '@/layouts/BaseLayout'
import BlogPostListScroll from '@/components/BlogPostListScroll'
import TagList from '@/components/TagList'
import { getNotionPageData } from '@/lib/notion/getNotionData'

export default function Tag ({ tags, allPosts, filteredPosts, tag, categories }) {
  const meta = {
    title: `${BLOG.title} | #${tag}`,
    description: BLOG.description,
    type: 'website'
  }

  return <BaseLayout meta={meta} tags={tags} currentTag={tag} categories={categories} totalPosts={allPosts}>
      <StickyBar>
          <TagList tags={tags} currentTag={tag}/>
      </StickyBar>
      <div className='md:mt-8'>
        <BlogPostListScroll posts={filteredPosts} tags={tags} currentTag={tag}/>
      </div>
  </BaseLayout>
}

export async function getStaticProps ({ params }) {
  const tag = params.tag
  const from = 'tag-props'
  const notionPageData = await getNotionPageData({ from })
  const allPosts = await getAllPosts({ notionPageData, from })
  const categories = await getAllCategories(allPosts)
  const tagOptions = notionPageData.tagOptions
  const tags = await getAllTags({ allPosts, tagOptions, sliceCount: 0 })
  const filteredPosts = allPosts.filter(
    post => post && post.tags && post.tags.includes(tag)
  )
  return {
    props: {
      tags,
      allPosts,
      filteredPosts,
      tag,
      categories
    },
    revalidate: 1
  }
}

/**
 * 获取所有的标签
 * @param {*}} allPosts
 * @returns
 */
function getTagNames (allPosts) {
  const tags = allPosts.map(p => p.tags).flat()

  const tagObj = {}
  tags.forEach(tag => {
    if (tag in tagObj) {
      tagObj[tag]++
    } else {
      tagObj[tag] = 1
    }
  })
  return tagObj
}

export async function getStaticPaths () {
  const from = 'tag-static-path'
  const posts = await getAllPosts({ from })
  const tagNames = getTagNames(posts)

  return {
    paths: Object.keys(tagNames).map(tag => ({ params: { tag } })),
    fallback: true
  }
}