summaryrefslogtreecommitdiff
path: root/examples/cms-prismic/src/pages/index.astro
blob: d9f69628b3b75ef009532b48f16ff3db0347e353 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
---
import BaseLayout from '@/layouts/BaseLayout.astro'
import Portfolio from '@/components/Portfolio.astro'
import Blog from '@/components/Blog.astro'
import { initApi, Predicates } from '@/api/prismic.js'

const api = await initApi()
const { results } = await api.query(
	Predicates.at('document.type', 'homepage'),
	{ 
		'fetchLinks' : [
			'project.title', 'project.description',
			'blog_post.title', 'blog_post.content', 'blog_post.image',
			'event.title', 'event.date', 'event.description'
			] 
	})
	
const { body } = results[0].data
---
<BaseLayout>
	<div class="row">
	{
		body.map(slice => (
			slice.slice_type === 'featured_projects' ?
			<div class="col-12">
				<Portfolio portfolioData={slice} />
			</div> :
			slice.slice_type === 'featured_posts' ?
			<div class="col-12">
				<Blog blogData={slice} />
			</div> :
			null
		))
	}
		
	</div>
</BaseLayout>