found the routing issue

Author: GabrielaReyna

packages/astro-theme/components/ShowcaseList.astro

@@ -14,7 +14,7 @@ const props = Astro.props;
 const product = productFromUrl(Astro.url);
 
 let projects = await getCollection("showcase", ({ data }) =>
-	data?.tags?.includes(product.name)
+	!product || data?.tags?.includes(product.name)
 );
 if (typeof props.limit == "number") {
 	projects = projects.slice(0, props.limit);

packages/astro-theme/index.ts

@@ -96,6 +96,11 @@ export default function ThemeIntegration(
 					pattern: `${docsPrefix}/[...slug]`,
 					entrypoint: "@leaningtech/astro-theme/pages/docs/[...slug].astro",
 				});
+				//routing for demos showcase
+				params.injectRoute({
+					pattern: "showcase",
+					entrypoint: "@leaningtech/astro-theme/pages/showcase/index.astro",
+				});
 				params.updateConfig({
 					markdown: {
 						remarkPlugins: [[remarkObsidianCallout, {}]],

packages/astro-theme/package.json

@@ -10,6 +10,7 @@
 		"./content": "./content.ts",
 		"./tailwind": "./tailwind.ts",
 		"./pages/blog/index.astro": "./pages/blog/index.astro",
+		"./pages/showcase/index.astro": "./pages/showcase/index.astro",
 		"./pages/blog/[...slug].astro": "./pages/blog/[...slug].astro",
 		"./pages/docs/index.astro": "./pages/docs/index.astro",
 		"./pages/docs/404.astro": "./pages/docs/404.astro",
@@ -60,4 +61,4 @@
 	},
 	"author": "Leaning Technologies",
 	"license": "Apache-2.0"
-}
+}

packages/astro-theme/pages/showcase/[...slug].astro

@@ -3,18 +3,18 @@ import { CollectionEntry, getCollection } from "astro:content";
 import BlogPost from "../../layouts/BlogPost.astro";
 
 export async function getStaticPaths() {
-	const posts = await getCollection("showcase");
-	return posts.map((project) => ({
-		params: { slug: project.slug },
-		props: project,
+	const posts = await getCollection("blog");
+	return posts.map((post) => ({
+		params: { slug: post.slug },
+		props: post,
 	}));
 }
-type Props = CollectionEntry<"showcase">;
+type Props = CollectionEntry<"blog">;
 
-const project = Astro.props;
-const { Content, headings } = await project.render();
+const post = Astro.props;
+const { Content, headings } = await post.render();
 ---
 
-<BlogPost {...project.data} {headings} id={project.id}>
+<BlogPost {...post.data} {headings} id={post.id}>
 	<Content />
 </BlogPost>

packages/astro-theme/pages/showcase/index.astro

@@ -7,21 +7,29 @@ import Footer from "../../components/Footer.astro";
 import BlogDoodle from "./blog-doodle.png";
 import { productFromUrl } from "../../lib/products";
 import ProductNav from "../../components/nav/product/Nav.astro";
+import type { CollectionEntry } from "astro:content";
 
 const product = productFromUrl(Astro.url);
 
-const [project1, project2, ...restProjects] = (
+type Props = CollectionEntry<"showcase">["data"] & {
+	//redundant collection
+	limit?: number;
+};
+const props = Astro.props;
+
+let [project1, project2, ...restProjects] = (
 	await getCollection(
 		"showcase",
 		({ data }) =>
-			(!product || data?.tags?.includes(product.name))
-	)
-);
+			!product || data?.tags?.includes(product.name))
+	);
+if (typeof props.limit == "number") {
+	projects = projects.slice(0, props.limit);
+}
 ---
-
 <Shell
-	title={`${product?.name ?? "Demo"} Showcase`}
-	description="Read the latest updates from the Leaning Technologies development team about WebAssembly, compilers, and more."
+	title={`${product?.name ?? "demo"} showcase`}
+	description="Hall of fame for community and industry projects."
 >
 	{product && <ProductNav {product} />}
 	<header class="text-center text-stone-100 py-16">
@@ -36,11 +44,10 @@ const [project1, project2, ...restProjects] = (
 		</div>
 
 		<h1 class="text-5xl font-semibold text-balance">
-			{product?.name ?? "Engineering"} blog
+			{product?.name ?? "demos"} showcase
 		</h1>
 		<p class="text-lg text-balance my-8 text-stone-400">
-			News, technical writeups, and announcements directly from the development
-			team.
+			Hall of fame for community and industry projects.
 		</p>
 		<div
 			class="bg-gradient-to-b from-primary-600 to-transparent opacity-20 w-full h-[40rem] absolute inset-0 -z-10"
@@ -71,4 +78,4 @@ const [project1, project2, ...restProjects] = (
 	</section>
 
 	<Footer />
-</Shell>
+</Shell>

sites/cheerpx/src/content/showcase/HomeByMe.yml

@@ -0,0 +1,6 @@
+title: HomeByME
+description: A home design application, compiled to the web with Cheerp.
+url: https://home.by.me/en/
+heroImage: ./homebyme.png
+tags:
+  - Cheerp

sites/cheerpx/src/content/showcase/browsercraft.png

@@ -0,0 +1,6 @@
+title: iText
+description: Edit PDFs fully client side using the industry standard iText library converted to JavaScript.
+url: https://cheerpjdemos.leaningtech.com/iTextDemo.html
+heroImage: ./itext.png
+tags:
+  - CheerpJ