feat: implement dark mode infrastructure, optimize images, and add SEO structured data

app/__tests__/api/book-reviews.test.tsx

@@ -0,0 +1,69 @@
+import { NextResponse } from 'next/server';
+import { GET } from '@/app/api/book-reviews/route';
+import { getBookReviews } from '@/lib/directus';
+
+jest.mock('@/lib/directus', () => ({
+  getBookReviews: jest.fn(),
+}));
+
+jest.mock('next/server', () => ({
+  NextRequest: jest.fn((url) => ({
+    url,
+  })),
+  NextResponse: {
+    json: jest.fn((data, options) => ({
+      json: async () => data,
+      status: options?.status || 200,
+    })),
+  },
+}));
+
+describe('GET /api/book-reviews', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return book reviews from Directus', async () => {
+    const mockReviews = [
+      {
+        id: '1',
+        book_title: 'Test Book',
+        book_author: 'Test Author',
+        rating: 5,
+        review: 'Great book!',
+      },
+    ];
+
+    (getBookReviews as jest.Mock).mockResolvedValue(mockReviews);
+
+    const request = {
+      url: 'http://localhost/api/book-reviews?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        bookReviews: mockReviews,
+        source: 'directus',
+      })
+    );
+  });
+
+  it('should return fallback when no reviews found', async () => {
+    (getBookReviews as jest.Mock).mockResolvedValue(null);
+
+    const request = {
+      url: 'http://localhost/api/book-reviews?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        bookReviews: null,
+        source: 'fallback',
+      })
+    );
+  });
+});

app/__tests__/api/hobbies.test.tsx

@@ -0,0 +1,69 @@
+import { NextResponse } from 'next/server';
+import { GET } from '@/app/api/hobbies/route';
+import { getHobbies } from '@/lib/directus';
+
+jest.mock('@/lib/directus', () => ({
+  getHobbies: jest.fn(),
+}));
+
+jest.mock('next/server', () => ({
+  NextRequest: jest.fn((url) => ({
+    url,
+  })),
+  NextResponse: {
+    json: jest.fn((data, options) => ({
+      json: async () => data,
+      status: options?.status || 200,
+    })),
+  },
+}));
+
+describe('GET /api/hobbies', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return hobbies from Directus', async () => {
+    const mockHobbies = [
+      {
+        id: '1',
+        key: 'coding',
+        icon: 'Code',
+        title: 'Coding',
+        description: 'I love coding',
+      },
+    ];
+
+    (getHobbies as jest.Mock).mockResolvedValue(mockHobbies);
+
+    const request = {
+      url: 'http://localhost/api/hobbies?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        hobbies: mockHobbies,
+        source: 'directus',
+      })
+    );
+  });
+
+  it('should return fallback when no hobbies found', async () => {
+    (getHobbies as jest.Mock).mockResolvedValue(null);
+
+    const request = {
+      url: 'http://localhost/api/hobbies?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        hobbies: null,
+        source: 'fallback',
+      })
+    );
+  });
+});

app/__tests__/api/tech-stack.test.tsx

@@ -0,0 +1,71 @@
+import { NextResponse } from 'next/server';
+import { GET } from '@/app/api/tech-stack/route';
+import { getTechStack } from '@/lib/directus';
+
+jest.mock('@/lib/directus', () => ({
+  getTechStack: jest.fn(),
+}));
+
+jest.mock('next/server', () => ({
+  NextRequest: jest.fn((url) => ({
+    url,
+  })),
+  NextResponse: {
+    json: jest.fn((data, options) => ({
+      json: async () => data,
+      status: options?.status || 200,
+    })),
+  },
+}));
+
+describe('GET /api/tech-stack', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should return tech stack from Directus', async () => {
+    const mockTechStack = [
+      {
+        id: '1',
+        key: 'frontend',
+        icon: 'Globe',
+        name: 'Frontend',
+        items: [
+          { id: '1-1', name: 'React' }
+        ],
+      },
+    ];
+
+    (getTechStack as jest.Mock).mockResolvedValue(mockTechStack);
+
+    const request = {
+      url: 'http://localhost/api/tech-stack?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        techStack: mockTechStack,
+        source: 'directus',
+      })
+    );
+  });
+
+  it('should return fallback when no tech stack found', async () => {
+    (getTechStack as jest.Mock).mockResolvedValue(null);
+
+    const request = {
+      url: 'http://localhost/api/tech-stack?locale=en',
+    } as any;
+
+    await GET(request);
+
+    expect(NextResponse.json).toHaveBeenCalledWith(
+      expect.objectContaining({
+        techStack: null,
+        source: 'fallback',
+      })
+    );
+  });
+});