- https://fdnd.directus.app/items/person?sort=name&fields=name
- https://fdnd.directus.app/items/person?filter={name:{_starts_with:D}}
- https://fdnd.directus.app/items/person?filter={name:{_nstarts_with:K}}
- https://fdnd.directus.app/items/person?filter={"birthdate":{"_lt":"2000-01-01"}}
- https://fdnd.directus.app/items/person?filter={"birthdate":{"_between":["2000-01-01","2008-12-31"]}}
- https://fdnd.directus.app/items/person?groupBy[]=fav_tag&aggregate[count]=fav_tag
Routes met SvelteKit:
Route aanmaken werkt nu door map aan te maken. Mapnaam is je route
/bliep is dan /routes/bliep/+page.svelte
Data ophalen
je maakt een +page.server.js aan in de hoofdroute. de fetch is nu een return. hierin haal je data op zoals:
export async function load({url}){
const membersReponse = await fetch('https://fdnd.directus.app/items/person/?sort=name&fields=*,squads.squad_id.name,squads.squad_id.cohort&filter={"_and":[{"squads":{"squad_id":{"tribe":{"name":"FDND Jaar 2"}}}},{"squads":{"squad_id":{"cohort":"2526"}}}]}')
const membersReponseData = await membersReponse.json()
return{members: membersReponseData.data}
}
in de svelte file haal je de data op met:
<script>
let { data } = $props();
console.log(data);
</script>
in de {data} zitten alle doorgegeven data.
Hier kan je loopen zoals:
{#each members as member }
<li> {member.name}</li>
{/each}
Detail pagina
je maakt dan een map aan met blokhaak [id]