From 8e27335f71acd78927e3e604d80ab19f0d834e7e Mon Sep 17 00:00:00 2001
From: "Carlos (Almeira)" <carlos@almeira.com.co>
Date: Thu, 26 Mar 2026 15:45:01 -0500
Subject: [PATCH] Refactor: Move news route to root level for WordPress
 compatibility

---
 next.config.ts                        | 1 +
 src/app/{noticia => }/[slug]/page.tsx | 0
 src/components/NewsCard.tsx           | 2 +-
 src/components/NewsTicker.tsx         | 2 +-
 4 files changed, 3 insertions(+), 2 deletions(-)
 rename src/app/{noticia => }/[slug]/page.tsx (100%)

diff --git a/next.config.ts b/next.config.ts
index 65cde2e..49aaaaf 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,6 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  trailingSlash: true,
   experimental: {
     serverActions: {
       bodySizeLimit: '50mb',
diff --git a/src/app/noticia/[slug]/page.tsx b/src/app/[slug]/page.tsx
similarity index 100%
rename from src/app/noticia/[slug]/page.tsx
rename to src/app/[slug]/page.tsx
diff --git a/src/components/NewsCard.tsx b/src/components/NewsCard.tsx
index 1af1532..8d935ad 100644
--- a/src/components/NewsCard.tsx
+++ b/src/components/NewsCard.tsx
@@ -33,7 +33,7 @@ export const NewsCard = ({
     const fechaFormateada = fechaObj.toLocaleDateString('es-ES', { day: '2-digit', month: 'short', year: 'numeric' });
 
     return (
-        <Link href={`/noticia/${slug}`} className="group relative flex flex-col h-full bg-slate-900/40 backdrop-blur-xl border border-white/10 rounded-3xl overflow-hidden transition-all duration-500 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(6,182,212,0.3)] hover:border-cyan-500/50">
+        <Link href={`/${slug}`} className="group relative flex flex-col h-full bg-slate-900/40 backdrop-blur-xl border border-white/10 rounded-3xl overflow-hidden transition-all duration-500 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(6,182,212,0.3)] hover:border-cyan-500/50">
             {/* Imagen Destacada */}
             <div className="relative aspect-[16/10] w-full overflow-hidden bg-slate-800">
                 <div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/20 to-transparent z-10 opacity-90"></div>
diff --git a/src/components/NewsTicker.tsx b/src/components/NewsTicker.tsx
index bf6b771..bc8ec5f 100644
--- a/src/components/NewsTicker.tsx
+++ b/src/components/NewsTicker.tsx
@@ -86,7 +86,7 @@ export default async function NewsTicker() {
                 {[...noticias, ...noticias].map((noticia, idx) => {
                     return (
                         <Link 
-                           href={`/noticia/${noticia.slug}`} 
+                           href={`/${noticia.slug}`} 
                            key={idx} 
                            className="flex items-center gap-4 mx-8 group cursor-pointer border-r border-cyan-800/50 pr-8"
                         >