847f2537c3
* Add pagination support * Change posts per page value to 10 * Change /blog/1 page to be same as /blog/ Modify canonical url to reflect current page * Conditionally render pagination component
31 lines
855 B
JavaScript
31 lines
855 B
JavaScript
import { getAllFilesFrontMatter } from '@/lib/mdx'
|
|
import siteMetadata from '@/data/siteMetadata'
|
|
import ListLayout from '@/layouts/ListLayout'
|
|
import { PageSeo } from '@/components/SEO'
|
|
|
|
export const POSTS_PER_PAGE = 10
|
|
|
|
export async function getStaticProps() {
|
|
const getPosts = await getAllFilesFrontMatter('blog')
|
|
const posts = getPosts.splice(0, POSTS_PER_PAGE)
|
|
const pagination = {
|
|
currentPage: 1,
|
|
totalPages: Math.ceil(getPosts.length / POSTS_PER_PAGE) + 1,
|
|
}
|
|
|
|
return { props: { posts, pagination } }
|
|
}
|
|
|
|
export default function Blog({ posts, pagination }) {
|
|
return (
|
|
<>
|
|
<PageSeo
|
|
title={`Blog - ${siteMetadata.author}`}
|
|
description={siteMetadata.description}
|
|
url={`${siteMetadata.siteUrl}/blog`}
|
|
/>
|
|
<ListLayout posts={posts} pagination={pagination} title="All Posts" />
|
|
</>
|
|
)
|
|
}
|