Optional Route

[dim trout]

how can i have an optional route in astro? in my pages directory, i have a blog directory, and in there i have a [slug].astro and a [category] dir which has an index.astro in it. index.astro has this frontmatter: ```astro
import { getCollection } from "astro:content"
import { categories } from "../../../categories"
export const getStaticPaths = async () => {
const posts = await getCollection("blog")

return categories.map(([category]) => ({
    params: { category },
    props: {
        filteredPosts: category
            ? posts.filter((post) => post.data.category == category)
            : posts
    }
}))

}```
I would like to make it so that /blog/ with no category in the path will still render the page, but have a category of undefined, is this possible? thanks.

to be clear i dont want both an index.astro in blog and an index.astro in blog/[category] if possible

[lucid solar]

for mixing variable at different levels of the route, I'd rather recommend the [...path].astro rest parameters approach
https://docs.astro.build/en/core-concepts/routing/#rest-parameters

[dim trout]

I already looked at that but I can't find a solution using it, what would you reccomend?

[lucid solar]

I recommend you try it, and if it does not work, post your example for further support. Examples you find might be more complex that what you need.

[dim trout]

Oh wait I see it, thanks!