My News App

Este es un proyecto de ejemplo utilizando Next.js 14 con App Router, MUI (Material-UI) y TypeScript. La aplicación muestra una lista de noticias bolivianas recientes con páginas de detalle para cada noticia. Las imágenes de las noticias se obtienen de https://picsum.photos.

Características

Next.js 14 con App Router
TypeScript
MUI (Material-UI) para componentes de UI
Páginas estáticas y responsivas
API de noticias mock
Despliegue en Vercel

Instalación

Clona el repositorio:

git clone git@github.com:IonVillarreal/my-news-app-nextjs-api-routes.git
cd my-news-app

Instala las dependencias:
```
npm install
```
Configura las variables de entorno:

Crea un archivo .env.local en la raíz del proyecto y añade la siguiente variable:
```
NEXT_PUBLIC_API_URL=http://localhost:8080
```

Uso

Inicia el servidor de desarrollo:
```
npm run dev
```
Abre http://localhost:8080 en tu navegador para ver la aplicación.

Estructura del Proyecto

my-news-app/
├── app/
│   ├── api/
│   │   └── news/
│   │       └── route.ts
│   ├── components/
│   │   └── NewsList.tsx
│   ├── news/
│   │   └── [id]/
│   │       └── page.tsx
│   └── page.tsx
├── public/
│   ├── ...
├── styles/
│   ├── ...
├── .env.local
├── package.json
└── README.md