#Manual sub-page blogpost

9 messages · Page 1 of 1 (latest)

dire pollen
#

Hi guys, as I read the Astro's docs that we should have a layout for blog post page, and Astro will automatically use it for any post in our collection. But is there anyway to code the blog post manually? Let's take an example of UX study case portfolio, which potentially will have different behaviour and different features on each post. What do you think guys?

This website is the perfect example of what i meant https://fireart.studio/cases/

Fireart Studio
brisk monolith
#

You sure can! Simply create another .Astro file in your pages folder and write any code you want in it.

dire pollen
brisk monolith
#

Then if you want something neat and easy to query, you can use content collection with mdx files. Mdx is more flexible than md, so you can customise your content with components etc.

ocean creek
#

Totally get wanting more control—especially for UX case studies where each post needs its own layout or behavior. Going manual with .astro pages makes sense when you want each post to feel like a mini product, not just a templated blog.

If you're staying in Astro:

  • You can handcraft each post as a standalone .astro file
  • Still use content collections for metadata and build a hybrid listing page

If you're exploring outside Astro, curious what stack you'd prefer? Some async-fit options for manual control:

  • Next.js – great for custom layouts and React components
  • Vite + React – lightweight and fast
  • SvelteKit – if you like Svelte’s syntax
  • Plain HTML/CSS/JS – full control, minimal tooling

Curious—are you planning to mix formats (like dev logs + case studies), or is each post a bespoke UX experience like Fireart’s?

dire pollen
dire pollen
ocean creek
#

Glad it landed! Loved your Fireart reference—clear presentation really does shift how dev + UX vibes are received. If you end up experimenting with those two options, I’d be curious what you discover.

ember dawnBOT
#
If your issue is resolved, please help by doing the following two steps:
  1. From the ellipses (3-dot menu) in the top-right corner of the post (not the first message), edit the tags to include the Solved tag.
  2. From the same ellipses, select Close Post.
    Your post will still be available to search and can be re-opened simply by replying in it. Closing a post moves it down with older posts, so we can more easily focus on issues that still need to be resolved.
    Thank you for your help!