---
import { getCollection } from 'astro:content';
import BaseLayout from '@layouts/BaseLayout.astro';
import Post from '@components/Post.astro';

export async function getStaticPaths() {
    const entries = await getCollection('posts');
    entries.sort((a, b) => a.data.date.getTime() - b.data.date.getTime())

    // for each route, the page gets passed the entry itself, plus the previous and next slugs
    // (if any), so that it can render links to them
    return entries.map((entry, idx) => {
        const prevSlug = entries[idx - 1]?.id || null;
        const nextSlug = entries[idx + 1]?.id || null;
        return {
            params: { slug: entry.id },
            props: { entry, prevSlug, nextSlug },
        }
    });

}

---

<BaseLayout>
    <Post {...Astro.props} />
</BaseLayout>