update rendering

src/components/Footer.astro

@@ -1,5 +1,5 @@
 ---
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readSingleton } from '@directus/sdk';
 
 const global = await directus.request(readSingleton('global'));

src/components/Navigation.astro

@@ -1,7 +1,7 @@
 ---
 import ThemeToggle from './ThemeToggle.astro';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readSingleton } from '@directus/sdk';
 
 const global = await directus.request(readSingleton('global'));

src/layouts/BaseLayout.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from './Layout.astro';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readSingleton } from '@directus/sdk';
 
 const global = await directus.request(readSingleton('global'));

src/layouts/BlogPost.astro

@@ -5,7 +5,7 @@ import ShareButtons from '../components/ShareButtons.astro';
 import TagList from '../components/TagList.astro';
 import './styles/markdown.css';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readItems } from '@directus/sdk';
 
 export async function getStaticPaths() {

src/lib/directus.ts

@@ -0,0 +1,60 @@
+import { createDirectus, rest } from '@directus/sdk';
+
+type Global = {
+  title: string;
+  description: string;
+  name: string;
+  initals: string;
+  tagline: string;
+  email: string;
+  portrait: string;
+  portrait_alt: string;
+  logo: string;
+  about: string;
+};
+
+type About = {
+  background: string;
+  experience: string;
+  education: string;
+  certifications: string;
+};
+
+type Links = {
+  github: string;
+  linkedin: string;
+  gitea: string;
+};
+
+type Skill = {
+  title: string;
+  description: string;
+  icon: string;
+  level: string;
+};
+
+export type Post = {
+  slug: string;
+  title: string;
+  description: string;
+  content: string;
+  image: string;
+  image_alt: string;
+  published_date: Date;
+  updated_date: Date;
+  tags: string[];
+};
+
+type Schema = {
+  global: Global;
+  about: About;
+  links: Links;
+  skills: Skill[];
+  posts: Post[];
+};
+
+const directus = createDirectus<Schema>(
+  process.env.DIRECTUS_URL ?? 'https://directus.alexlebens.dev'
+).with(rest());
+
+export default directus;

src/pages/about.astro

@@ -2,7 +2,7 @@
 import BaseLayout from '../layouts/BaseLayout.astro';
 import DynamicIcon from '../utils/DynamicIcon.tsx';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readSingleton, readItems } from '@directus/sdk';
 
 const global = await directus.request(readSingleton('global'));

src/pages/blog/[...slug].astro

@@ -1,9 +1,11 @@
 ---
 import BlogPost from '../../layouts/BlogPost.astro';
 
-import directus from '../../../lib/directus';
+import directus from '../../lib/directus';
 import { readItems } from '@directus/sdk';
 
+export const prerender = true;
+
 export async function getStaticPaths() {
   const posts = await directus.request(
     readItems('posts', {

src/pages/blog/index.astro

@@ -3,7 +3,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
 import FormattedDate from '../../components/FormattedDate.astro';
 import TagList from '../../components/TagList.astro';
 
-import directus from '../../../lib/directus';
+import directus from '../../lib/directus';
 import { readItems } from '@directus/sdk';
 
 const posts = await directus.request(

src/pages/index.astro

@@ -3,7 +3,7 @@ import Layout from '../layouts/Layout.astro';
 import FormattedDate from '../components/FormattedDate.astro';
 import TagList from '../components/TagList.astro';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readItems, readSingleton } from '@directus/sdk';
 
 const global = await directus.request(readSingleton('global'));

src/pages/rss.xml.ts

@@ -1,6 +1,6 @@
 import rss from '@astrojs/rss';
 
-import directus from '../../lib/directus';
+import directus from '../lib/directus';
 import { readItems, readSingleton } from '@directus/sdk';
 
 export async function GET(context: any) {

src/pages/tags/[...tag].astro

@@ -2,9 +2,11 @@
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import FormattedDate from '../../components/FormattedDate.astro';
 
-import directus from '../../../lib/directus';
+import directus from '../../lib/directus';
 import { readItems } from '@directus/sdk';
 
+export const prerender = true;
+
 export async function getStaticPaths() {
   const posts = await directus.request(
     readItems('posts', {