diff --git a/src/pages/blog/[...page].astro b/src/pages/blog/[...page].astro new file mode 100644 index 0000000..1656d52 --- /dev/null +++ b/src/pages/blog/[...page].astro @@ -0,0 +1,31 @@ +--- +import type { CollectionEntry } from "astro:content"; +import { getAllPosts, getUniqueCategories, getUniqueTags } from "@/data/post"; +import { collectionDateSort } from "@/utils/date"; +import type { GetStaticPaths, Page } from "astro"; + +export const getStaticPaths = (async ({ paginate }) => { + const MAX_POSTS_PER_PAGE = 10; + const MAX_TAGS = 7; + const MAX_CATEGORIES = 7; + const allPosts = await getAllPosts(); + const uniqueTags = getUniqueTags(allPosts).slice(0, MAX_TAGS); + const uniqueCategories = getUniqueCategories(allPosts).slice(0, MAX_CATEGORIES); + const postsCount = allPosts.length; + return paginate(allPosts.sort(collectionDateSort), { + pageSize: MAX_POSTS_PER_PAGE, + props: { uniqueTags, uniqueCategories, postsCount }, + }); +}) satisfies GetStaticPaths; + +interface Props { + page: Page>; + uniqueTags: string[]; + uniqueCategories: string[]; + postsCount: number; +} + +const currentPath = Astro.url.pathname; +const newPath = currentPath.replace("/blog/", "/posts/"); +return Astro.redirect(newPath); +--- diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro new file mode 100644 index 0000000..8b85c4e --- /dev/null +++ b/src/pages/blog/[...slug].astro @@ -0,0 +1,19 @@ +--- +import { getAllPosts } from "@/data/post"; +import type { GetStaticPaths, InferGetStaticPropsType } from "astro"; + +// if you're using an adaptor in SSR mode, getStaticPaths wont work -> https://docs.astro.build/en/guides/routing/#modifying-the-slug-example-for-ssr +export const getStaticPaths = (async () => { + const blogEntries = await getAllPosts(); + return blogEntries.map((post) => ({ + params: { slug: post.id }, + props: { post }, + })); +}) satisfies GetStaticPaths; + +type Props = InferGetStaticPropsType; + +const currentPath = Astro.url.pathname; +const newPath = currentPath.replace("/blog/", "/posts/"); +return Astro.redirect(newPath); +--- diff --git a/src/pages/category/[category]/[...page].astro b/src/pages/category/[category]/[...page].astro new file mode 100644 index 0000000..be4c8d6 --- /dev/null +++ b/src/pages/category/[category]/[...page].astro @@ -0,0 +1,28 @@ +--- +import type { CollectionEntry } from "astro:content"; +import { getAllPosts, getUniqueCategories } from "@/data/post"; +import { collectionDateSort } from "@/utils/date"; +import type { GetStaticPaths, Page } from "astro"; + +export const getStaticPaths: GetStaticPaths = async ({ paginate }) => { + const allPosts = await getAllPosts(); + const sortedPosts = allPosts.sort(collectionDateSort); + const uniqueCategories = getUniqueCategories(sortedPosts); + + return uniqueCategories.flatMap((category) => { + const filterPosts = sortedPosts.filter((post) => post.data.category === category); + return paginate(filterPosts, { + pageSize: 10, + params: { category }, + }); + }); +}; + +interface Props { + page: Page>; +} + +const currentPath = Astro.url.pathname; +const newPath = currentPath.replace("/category/", "/categories/"); +return Astro.redirect(newPath); +--- diff --git a/src/pages/category/index.astro b/src/pages/category/index.astro new file mode 100644 index 0000000..ec0cff5 --- /dev/null +++ b/src/pages/category/index.astro @@ -0,0 +1,3 @@ +--- +return Astro.redirect("/categories"); +--- diff --git a/src/pages/tag/[tag]/[...page].astro b/src/pages/tag/[tag]/[...page].astro new file mode 100644 index 0000000..91081ad --- /dev/null +++ b/src/pages/tag/[tag]/[...page].astro @@ -0,0 +1,28 @@ +--- +import type { CollectionEntry } from "astro:content"; +import { getAllPosts, getUniqueTags } from "@/data/post"; +import { collectionDateSort } from "@/utils/date"; +import type { GetStaticPaths, Page } from "astro"; + +export const getStaticPaths: GetStaticPaths = async ({ paginate }) => { + const allPosts = await getAllPosts(); + const sortedPosts = allPosts.sort(collectionDateSort); + const uniqueTags = getUniqueTags(sortedPosts); + + return uniqueTags.flatMap((tag) => { + const filterPosts = sortedPosts.filter((post) => post.data.tags.includes(tag)); + return paginate(filterPosts, { + pageSize: 10, + params: { tag }, + }); + }); +}; + +interface Props { + page: Page>; +} + +const currentPath = Astro.url.pathname; +const newPath = currentPath.replace("/tag/", "/tags/"); +return Astro.redirect(newPath); +--- diff --git a/src/pages/tag/index.astro b/src/pages/tag/index.astro new file mode 100644 index 0000000..e4518d1 --- /dev/null +++ b/src/pages/tag/index.astro @@ -0,0 +1,3 @@ +--- +return Astro.redirect("/tags"); +---