Fetching Directus Data from Rest API with SvelteKit

You can also use +layout.server.js

+page.server.js

import { error } from '@sveltejs/kit';

export async function load({ fetch }) {
  try {
    const response = await fetch('https://api.example.com/data');
    
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    
    const data = await response.json();
    let posts = data.data;
    return { posts };
  } catch (e) {
    console.error('Error fetching data:', e);
    throw error(500, 'Error fetching data from API');
  }
}

+page.svelte

<script>
	export let data;
</script>

<h1>Data from API</h1>
{console.log(data.posts)}