Fix API caching and sitemap redirect

Author: Cyrusbye720

backend/src/routes/public.ts

@@ -264,7 +264,7 @@ publicRoutes.post('/projects/:slug/comments', async (c) => {
 // Articles
 // ---------------------------------------------------------------------------
 
-publicRoutes.get('/articles', cache60s, async (c) => {
+publicRoutes.get('/articles', async (c) => {
   const category = c.req.query('category');
   const limit = parseInt(c.req.query('limit') || '50', 10);
   let path = `articles?published=eq.true&order=published_at.desc&limit=${limit}`;
@@ -273,10 +273,11 @@ publicRoutes.get('/articles', cache60s, async (c) => {
   }
   const { data, error } = await supabase(c.env, path);
   if (error) return c.json({ error: error.message }, 500);
+  c.header('Cache-Control', 'no-store, no-cache, must-revalidate, proxy-revalidate');
   return c.json(data);
 });
 
-publicRoutes.get('/articles/:slug', cache60s, async (c) => {
+publicRoutes.get('/articles/:slug', async (c) => {
   const slug = c.req.param('slug');
   const { data, error } = await supabase(
     c.env,
@@ -285,6 +286,7 @@ publicRoutes.get('/articles/:slug', cache60s, async (c) => {
   );
   if (error) return c.json({ error: error.message }, 500);
   if (!data) return c.json({ error: 'Article not found' }, 404);
+  c.header('Cache-Control', 'no-store, no-cache, must-revalidate, proxy-revalidate');
   return c.json(data);
 });
 

frontend/public/_redirects

@@ -1,3 +1 @@
-# Custom Cloudflare Pages redirect rules can be placed below
-/sitemap.xml https://dzd-api.demonzdevelopment.workers.dev/api/sitemap.xml 200
-
+/sitemap.xml https://dzd-api.demonzdevelopment.workers.dev/api/sitemap.xml 302

frontend/src/lib/api.ts

@@ -174,12 +174,13 @@ export async function postComment(
 export async function fetchArticles(category?: string): Promise<Article[]> {
   const params = new URLSearchParams();
   if (category && category !== 'all') params.set('category', category);
+  params.set('_t', Date.now().toString());
   const query = params.toString();
-  return request<Article[]>(`/articles${query ? `?${query}` : ''}`);
+  return request<Article[]>(`/articles?${query}`);
 }
 
 export async function fetchArticle(slug: string): Promise<Article> {
-  return request<Article>(`/articles/${encodeURIComponent(slug)}`);
+  return request<Article>(`/articles/${encodeURIComponent(slug)}?_t=${Date.now()}`);
 }
 
 // ─── Contact ────────────────────────────────────────────────
@@ -196,7 +197,7 @@ export async function postContact(
 // ─── Stats ──────────────────────────────────────────────────
 
 export async function fetchStats(): Promise<Stats> {
-  return request<Stats>('/stats');
+  return request<Stats>(`/stats?_t=${Date.now()}`);
 }
 
 // ─── Studio log ─────────────────────────────────────────────

frontend/src/pages/Articles.module.css

@@ -294,7 +294,7 @@
 
 .cardImageContainer {
   position: relative;
-  height: 180px;
+  aspect-ratio: 16 / 10;
   width: 100%;
   background: var(--color-bg-elevated);
   overflow: hidden;