diff options
Diffstat (limited to 'examples/ssr/src/pages/index.astro')
| -rw-r--r-- | examples/ssr/src/pages/index.astro | 33 |
1 files changed, 33 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..1ce70bc81 --- /dev/null +++ b/examples/ssr/src/pages/index.astro @@ -0,0 +1,33 @@ +--- +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(Astro.request); +--- + +<html lang="en"> + <head> + <title>Online Store</title> + <style> + h1 { + font-size: 36px; + } + + .product-listing-title { + text-align: center; + } + </style> + </head> + <body> + <Header /> + + <Container tag="main"> + <ProductListing products={products}> + <h2 class="product-listing-title" slot="title">Product Listing</h2> + </ProductListing> + </Container> + </body> +</html> |