✨ scheduled posts

lib/notion.js

@@ -1,3 +1,3 @@
 export { getAllPosts } from './notion/getAllPosts'
-export { getAllTags } from './notion/getAllTags'
+export { getAllTagsFromPosts } from './notion/getAllTagsFromPosts'
 export { getPostBlocks } from './notion/getPostBlocks'

lib/notion/filterPublishedPosts.js

@@ -0,0 +1,20 @@
+import BLOG from '@/blog.config'
+
+const currentDate = new Date().toLocaleDateString(BLOG.lang ?? 'en-US')
+
+export default function filterPublishedPosts(posts) {
+  if (!posts || !posts.length) return []
+  const publishedPosts = posts.filter(post => {
+    const postDate = new Date(
+      post?.date?.start_date || post.createdTime
+    ).toLocaleDateString(BLOG.lang ?? 'en-US')
+    return (
+      post.title &&
+      post.slug &&
+      post?.status?.[0] === 'Published' &&
+      (post?.type?.[0] === 'Post' || post?.type?.[0] === 'Page') &&
+      postDate <= currentDate
+    )
+  })
+  return publishedPosts
+}

lib/notion/getAllPosts.js

@@ -3,6 +3,7 @@ import { NotionAPI } from 'notion-client'
 import { idToUuid } from 'notion-utils'
 import getAllPageIds from './getAllPageIds'
 import getPageProperties from './getPageProperties'
+import { filterPublishedPosts } from './filterPublishedPosts'
 
 export async function getAllPosts() {
   let id = BLOG.notionPageId
@@ -39,14 +40,7 @@ export async function getAllPosts() {
       data.push(properties)
     }
     // remove all the the items doesn't meet requirements
-    const posts = data.filter(post => {
-      return (
-        post.title &&
-        post.slug &&
-        post?.status?.[0] === 'Published' &&
-        (post?.type?.[0] === 'Post' || post?.type?.[0] === 'Page')
-      )
-    })
+    const posts = filterPublishedPosts(data)
 
     // Sort by date
     if (BLOG.sortByDate) {

lib/notion/getAllTagsFromPosts.js

@@ -0,0 +1,13 @@
+export default function getAllTagsFromPosts(posts) {
+  const taggedPosts = posts.filter(post => post?.tags)
+  const tags = [...taggedPosts.map(p => p.tags).flat()]
+  const tagObj = {}
+  tags.forEach(tag => {
+    if (tag in tagObj) {
+      tagObj[tag]++
+    } else {
+      tagObj[tag] = 1
+    }
+  })
+  return tagObj
+}

pages/[slug].js

@@ -26,17 +26,15 @@ const BlogPost = ({ post, blockMap, emailHash }) => {
 }
 
 export async function getStaticPaths() {
-  let posts = await getAllPosts()
-  posts = posts.filter(post => post.status[0] === 'Published')
+  const posts = await getAllPosts()
   return {
     paths: posts.map(row => `${BLOG.path}/${row.slug}`),
     fallback: true
   }
 }
 
 export async function getStaticProps({ params: { slug } }) {
-  let posts = await getAllPosts()
-  posts = posts.filter(post => post.status[0] === 'Published')
+  const posts = await getAllPosts()
   const post = posts.find(t => t.slug === slug)
   const blockMap = await getPostBlocks(post.id)
   const emailHash = createHash('md5').update(BLOG.email).digest('hex')

pages/feed.js

@@ -2,11 +2,9 @@ import { getAllPosts } from '@/lib/notion'
 import { generateRss } from '@/lib/rss'
 export async function getServerSideProps({ res }) {
   res.setHeader('Content-Type', 'text/xml')
-  let posts = await getAllPosts()
-  posts = posts
-    .filter(post => post.status[0] === 'Published' && post.type[0] === 'Post')
-    .slice(0, 10)
-  const xmlFeed = generateRss(posts)
+  const posts = await getAllPosts()
+  const latestPosts = posts.slice(0, 10)
+  const xmlFeed = generateRss(latestPosts)
   res.write(xmlFeed)
   res.end()
   return {

pages/index.js

@@ -5,10 +5,7 @@ import { getAllPosts } from '@/lib/notion'
 import BLOG from '@/blog.config'
 
 export async function getStaticProps() {
-  let posts = await getAllPosts()
-  posts = posts.filter(
-    post => post.status[0] === 'Published' && post.type[0] === 'Post'
-  )
+  const posts = await getAllPosts()
   const postsToShow = posts.slice(0, BLOG.postsPerPage)
   const totalPosts = posts.length
   const showNext = totalPosts > BLOG.postsPerPage

pages/page/[page].js

@@ -16,10 +16,7 @@ const Page = ({ postsToShow, page, showNext }) => {
 
 export async function getStaticProps(context) {
   const { page } = context.params // Get Current Page No.
-  let posts = await getAllPosts()
-  posts = posts.filter(
-    post => post.status[0] === 'Published' && post.type[0] === 'Post'
-  )
+  const posts = await getAllPosts()
   const postsToShow = posts.slice(
     BLOG.postsPerPage * (page - 1),
     BLOG.postsPerPage * page
@@ -37,10 +34,7 @@ export async function getStaticProps(context) {
 }
 
 export async function getStaticPaths() {
-  let posts = await getAllPosts()
-  posts = posts.filter(
-    post => post.status[0] === 'Published' && post.type[0] === 'Post'
-  )
+  const posts = await getAllPosts()
   const totalPosts = posts.length
   const totalPages = Math.ceil(totalPosts / BLOG.postsPerPage)
   return {

pages/search.js

@@ -1,15 +1,12 @@
-import { getAllPosts, getAllTags } from '@/lib/notion'
+import { getAllPosts, getAllTagsFromPosts } from '@/lib/notion'
 import SearchLayout from '@/layouts/search'
 
 export default function search({ tags, posts }) {
   return <SearchLayout tags={tags} posts={posts} />
 }
 export async function getStaticProps() {
-  let posts = await getAllPosts()
-  posts = posts.filter(
-    post => post.status[0] === 'Published' && post.type[0] === 'Post'
-  )
-  const tags = await getAllTags()
+  const posts = await getAllPosts()
+  const tags = getAllTagsFromPosts(posts)
   return {
     props: {
       tags,

pages/tag/[tag].js

@@ -1,4 +1,4 @@
-import { getAllPosts, getAllTags } from '@/lib/notion'
+import { getAllPosts, getAllTagsFromPosts } from '@/lib/notion'
 import SearchLayout from '@/layouts/search'
 
 export default function Tag({ tags, posts, currentTag }) {
@@ -7,11 +7,8 @@ export default function Tag({ tags, posts, currentTag }) {
 
 export async function getStaticProps({ params }) {
   const currentTag = params.tag
-  let posts = await getAllPosts()
-  posts = posts.filter(
-    post => post.status[0] === 'Published' && post.type[0] === 'Post'
-  )
-  const tags = await getAllTags()
+  const posts = await getAllPosts()
+  const tags = getAllTagsFromPosts(posts)
   const filteredPosts = posts.filter(
     post => post && post.tags && post.tags.includes(currentTag)
   )
@@ -26,7 +23,8 @@ export async function getStaticProps({ params }) {
 }
 
 export async function getStaticPaths() {
-  const tags = await getAllTags()
+  const posts = await getAllPosts()
+  const tags = getAllTagsFromPosts(posts)
   return {
     paths: Object.keys(tags).map(tag => ({ params: { tag } })),
     fallback: true