Capa de servicios y conexión a la base de datos

// src/services/articulosService.ts — patrón correcto completo
async function fetchJSON<T>(url: string, init?: RequestInit, noCache = false): Promise<T> {
  const res = await fetch(`${BASE}${url}`, {
    headers: { 'Content-Type': 'application/json' },
    cache: noCache ? 'no-store' : 'default',
    ...init,
  })

  // ⚠️ fetch NO lanza error en 4xx/5xx — hay que verificar res.ok manualmente
  if (!res.ok) {
    const body = await res.json().catch(() => ({}))
    // Usa el mensaje del servidor si existe, no solo el código HTTP
    throw new Error(body.message ?? `HTTP ${res.status}`)
  }

  return res.json() as Promise<T>
}

// Panel admin — siempre datos frescos
const res = await articulosService.getAll(undefined, true) // noCache = true

// Página pública — puede usar caché
const res = await articulosService.getAll({ estado: 'publicado' })

# Desde backend/
pnpm add prisma @prisma/client @prisma/adapter-pg
pnpm approve-builds  # autoriza la compilación de binarios nativos de Prisma

// backend/prisma.config.ts
import path from 'node:path'
import { defineConfig } from 'prisma/config'

export default defineConfig({
  earlyAccess: true,
  schema: path.join(import.meta.dirname, 'prisma/schema.prisma'),
})

// backend/prisma/schema.prisma
generator client {
  provider = "prisma-client"
  output   = "../src/generated/prisma"
}

model Categoria {
  id        Int        @id @default(autoincrement())
  nombre    String
  slug      String     @unique
  color     String
  articulos Articulo[]
}

model Articulo {
  id               Int       @id @default(autoincrement())
  titulo           String
  slug             String    @unique
  extracto         String?
  contenido        String?
  imagen           String?
  categoriaId      Int
  categoria        Categoria @relation(fields: [categoriaId], references: [id])
  estado           EstadoArticulo @default(borrador)
  autor            String         @default("Administrador")
  tiempoLectura    Int            @default(5)
  fechaPublicacion DateTime       @default(now())
  createdAt        DateTime       @default(now())
  updatedAt        DateTime       @updatedAt
}

enum EstadoArticulo {
  borrador
  publicado
  archivado
}

// backend/src/config/db.ts
import { PrismaPg } from '@prisma/adapter-pg'
import { PrismaClient } from '../generated/prisma/client'
import 'dotenv/config'

const adapter = new PrismaPg({
  connectionString: process.env.DATABASE_URL ?? ''
})

export const prisma = new PrismaClient({ adapter })

prisma.$connect()
  .then(() => console.log('✅ PostgreSQL conectado via Prisma'))
  .catch((e) => console.error('❌ Error Prisma:', e))

# Desde backend/
npx prisma migrate dev --name init
npx prisma generate  # regenerar el cliente TypeScript

# backend/package.json
{
  "scripts": {
    "seed": "npx tsx prisma/seed.ts"
  }
}

// backend/prisma/seed.ts
import { prisma } from '../src/config/db'

async function main() {
  // Crear categorías
  const tech = await prisma.categoria.upsert({
    where: { slug: 'tecnologia' },
    update: {},
    create: { nombre: 'Tecnología', slug: 'tecnologia', color: '#3b82f6' },
  })

  // Crear artículo de prueba
  await prisma.articulo.upsert({
    where: { slug: 'primer-articulo' },
    update: {},
    create: {
      titulo: 'Mi primer artículo',
      slug: 'primer-articulo',
      extracto: 'Este es el extracto del artículo.',
      contenido: '<p>Contenido del artículo.</p>',
      categoriaId: tech.id,
      estado: 'publicado',
    },
  })

  console.log('✅ Seed completado')
}

main().catch(console.error).finally(() => prisma.$disconnect())

// backend/src/routes/articulos.ts — conectado a Prisma
import { Router } from 'express'
import { prisma } from '../config/db'

const router = Router()

router.get('/', async (req, res) => {
  const { estado, busqueda } = req.query
  const where: Record<string, unknown> = {}

  if (estado && estado !== 'todos') where.estado = String(estado)
  if (busqueda) where.titulo = { contains: String(busqueda), mode: 'insensitive' }

  const articulos = await prisma.articulo.findMany({
    where,
    include: { categoria: true },
    orderBy: { createdAt: 'desc' },
  })

  res.json({ status: 'success', data: articulos })
})

router.get('/:slug', async (req, res) => {
  const articulo = await prisma.articulo.findUnique({
    where: { slug: req.params.slug },
    include: { categoria: true },
  })
  if (!articulo) return res.status(404).json({ status: 'error', message: 'No encontrado' })
  res.json({ status: 'success', data: articulo })
})

export default router

backend/
├── prisma.config.ts              ← NUEVO: configuración Prisma 7 (apunta al schema)
├── prisma/                       ← carpeta NUEVA esta semana
│   ├── schema.prisma             ← NUEVO: modelos Articulo y Categoria
│   ├── seed.ts                   ← NUEVO: datos iniciales de prueba
│   └── migrations/               ← GENERADO automáticamente por `npx prisma migrate dev`
│       └── 20xxxxxx_init/
└── src/
    ├── config/                   ← carpeta NUEVA esta semana
    │   └── db.ts                 ← NUEVO: cliente Prisma con PrismaPg adapter
    ├── generated/                ← GENERADO por `npx prisma generate`
    │   └── prisma/               ← cliente TypeScript tipado, NO editar a mano
    └── routes/
        └── articulos.ts          ← ACTUALIZADO: mock → prisma.articulo.findMany()

cd blog-cms
npm install
cd backend && pnpm install
# Crea backend/.env con: DATABASE_URL="postgresql://..."
npx prisma migrate dev
pnpm seed
cd ..
npm run dev