1 files changed, 36 insertions, 0 deletions
diff --git a/examples/ssr/src/pages/index.astro b/examples/ssr/src/pages/index.astro
new file mode 100644
index 000000000..ea2c6c2f6
--- /dev/null
+++ b/examples/ssr/src/pages/index.astro
@@ -0,0 +1,36 @@
+---
+import Header from '../components/Header.astro';
+import Container from '../components/Container.astro';
+import ProductListing from '../components/ProductListing.astro';
+import { getProducts } from '../api';
+import '../styles/common.css';
+
+const products = await getProducts();
+---
+<html>
+<head>
+	<title>Online Store</title>
+	<style>
+		h1 {
+			font-size: 36px;
+		}
+
+		.product-listing-title {
+			text-align: center;
+		}
+
+		.product-listing {
+
+		}
+	</style>
+</head>
+<body>
+	<Header />
+
+	<Container tag="main">
+		<ProductListing products={products} class="product-listing">
+			<h2 class="product-listing-title" slot="title">Product Listing</h2>
+		</ProductListing>
+	</Container>
+</body>
+</html>