{/* Header */}
@@ -18,7 +22,7 @@ export default function LandingPage() {
variant="outline"
className="border-primary text-primary hover:bg-primary hover:text-primary-foreground"
>
-
+
Iniciar Sesión
@@ -47,7 +51,7 @@ export default function LandingPage() {
size="lg"
className="bg-primary text-primary-foreground hover:bg-primary/90 px-8"
>
-
+
Acceder al Dashboard
diff --git a/apps/dashboard/src/src/features/dashboard/components/app-sidebar.tsx b/apps/dashboard/src/src/features/dashboard/components/app-sidebar.tsx
index 03306c5..9348eb8 100644
--- a/apps/dashboard/src/src/features/dashboard/components/app-sidebar.tsx
+++ b/apps/dashboard/src/src/features/dashboard/components/app-sidebar.tsx
@@ -1,7 +1,6 @@
'use client';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
+import { Link, useLocation } from '@tanstack/react-router';
import {
LayoutDashboard,
Users,
@@ -71,12 +70,12 @@ const adminNavItems = [
];
export function AppSidebar() {
- const pathname = usePathname();
+ const pathname = useLocation().pathname;
return (
-
+
@@ -99,7 +98,7 @@ export function AppSidebar() {
{mainNavItems.map((item) => (
-
+
{item.title}
@@ -123,7 +122,7 @@ export function AppSidebar() {
isActive={pathname === item.href || pathname.startsWith(item.href + '/')}
tooltip={item.title}
>
-
+
{item.title}
@@ -151,7 +150,7 @@ export function AppSidebar() {
-
+
Cerrar sesión
diff --git a/apps/dashboard/src/src/features/dashboard/components/dashboard-header.tsx b/apps/dashboard/src/src/features/dashboard/components/dashboard-header.tsx
index 367fd82..f8f900a 100644
--- a/apps/dashboard/src/src/features/dashboard/components/dashboard-header.tsx
+++ b/apps/dashboard/src/src/features/dashboard/components/dashboard-header.tsx
@@ -1,5 +1,4 @@
-'use client';
-
+import { Link } from '@tanstack/react-router';
import { Bell, Search } from 'lucide-react';
import { SidebarTrigger } from '@/components/ui/sidebar';
import { Button } from '@/components/ui/button';
@@ -50,11 +49,8 @@ export function DashboardHeader({ breadcrumbs }: DashboardHeaderProps) {
{index > 0 && }
{item.href ? (
-
- {item.label}
+
+ {item.label}
) : (
diff --git a/apps/dashboard/src/src/features/dashboard/components/quick-actions.tsx b/apps/dashboard/src/src/features/dashboard/components/quick-actions.tsx
index b44162a..db1d257 100644
--- a/apps/dashboard/src/src/features/dashboard/components/quick-actions.tsx
+++ b/apps/dashboard/src/src/features/dashboard/components/quick-actions.tsx
@@ -1,6 +1,6 @@
'use client';
-import Link from 'next/link';
+import { Link } from '@tanstack/react-router';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Users, ClipboardList, BookOpen, FileBarChart, HardDrive, Settings, ArrowRight } from 'lucide-react';
import { cn } from '@/lib/utils';
@@ -61,7 +61,7 @@ export function QuickActions() {
{quickActions.map((action) => (
diff --git a/apps/dashboard/tsconfig.json b/apps/dashboard/tsconfig.json
index 7dabcbd..ee1e88a 100644
--- a/apps/dashboard/tsconfig.json
+++ b/apps/dashboard/tsconfig.json
@@ -28,9 +28,7 @@
"noFallthroughCasesInSwitch": true
},
"include": [
- "src",
- "next-env.d.ts",
- "next.config.mjs"
+ "src"
],
"references": [
{
diff --git a/apps/dashboard/tsr.config.json b/apps/dashboard/tsr.config.json
new file mode 100644
index 0000000..7313ebb
--- /dev/null
+++ b/apps/dashboard/tsr.config.json
@@ -0,0 +1,8 @@
+{
+ "routesDirectory": "./src/routes",
+ "generatedRouteTree": "./src/routeTree.gen.ts",
+ "routeFileIgnorePrefix": "-",
+ "quoteStyle": "single",
+ "semicolons": true,
+ "autoCodeSplitting": true
+}
diff --git a/apps/dashboard/vite.config.ts b/apps/dashboard/vite.config.ts
new file mode 100644
index 0000000..37b5314
--- /dev/null
+++ b/apps/dashboard/vite.config.ts
@@ -0,0 +1,46 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
+import { fileURLToPath, URL } from 'node:url';
+
+const host = process.env.TAURI_DEV_HOST;
+
+// https://vite.dev/config/
+export default defineConfig(async () => ({
+ plugins: [
+ TanStackRouterVite({ target: 'react', autoCodeSplitting: true }),
+ react(),
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
+ },
+ },
+ // Tauri expects a fixed port, fail if that port is not available
+ clearScreen: false,
+ server: {
+ port: 3000,
+ strictPort: true,
+ host: host || false,
+ hmr: host
+ ? {
+ protocol: 'ws',
+ host,
+ port: 3001,
+ }
+ : undefined,
+ watch: {
+ // Tell Vite to ignore watching `src-tauri`
+ ignored: ['**/src-tauri/**'],
+ },
+ },
+ publicDir: 'src/public',
+ build: {
+ outDir: 'dist',
+ // Tauri uses Chromium on Windows and WebKit on macOS and Linux
+ target: process.env.TAURI_ENV_PLATFORM === 'windows' ? 'chrome105' : 'safari13',
+ // don't minify for debug builds
+ minify: !process.env.TAURI_ENV_DEBUG ? 'esbuild' : false,
+ sourcemap: !!process.env.TAURI_ENV_DEBUG,
+ },
+}));
diff --git a/bitacora/2026-05-30-migracion-nextjs-a-vite-tanstack.md b/bitacora/2026-05-30-migracion-nextjs-a-vite-tanstack.md
new file mode 100644
index 0000000..4f9c70c
--- /dev/null
+++ b/bitacora/2026-05-30-migracion-nextjs-a-vite-tanstack.md
@@ -0,0 +1,62 @@
+# Bitácora — Migración del dashboard: Next.js → Vite + TanStack Router
+
+- **Fecha:** 2026-05-30
+- **Autor:** Aarón (mayorgazamoraaaron@gmail.com)
+- **Ámbito:** `apps/dashboard`
+- **Commit de la migración:** `360c475`
+
+## Objetivo
+
+Cambiar el framework de la app `apps/dashboard` de **Next.js (App Router, `output: export`)**
+a **Vite + TanStack Router** con enrutado file-based, manteniendo las mismas URLs y la
+integración con Tauri.
+
+## Cambios realizados
+
+### Configuración
+- Nuevo `vite.config.ts` con los plugins `@vitejs/plugin-react` y
+ `@tanstack/router-plugin` (file-based routing, `autoCodeSplitting`).
+- Servidor de desarrollo en el puerto **3000** (`strictPort`) para Tauri.
+- Salida de build en `dist/`.
+- Nuevo `index.html` en la raíz de la app como punto de entrada.
+- `postcss.config.mjs` se mantiene (Tailwind v4).
+- `tsr.config.json` para el generador de rutas de TanStack.
+- `tsconfig.json`: se elimina `next-env.d.ts`/`next.config.mjs` del `include`.
+- Nuevo `src/vite-env.d.ts`.
+
+### Enrutado
+- Se reemplaza `src/app/` (App Router) por `src/routes/` (file-based):
+ - `src/routes/index.tsx` → landing (`/`)
+ - `src/routes/dashboard/route.tsx` → layout del dashboard (sidebar)
+ - `src/routes/dashboard/index.tsx` → `/dashboard`
+ - `audit`, `backups`, `catalog`, `reports`, `settings`, `users` → `/dashboard/*`
+ - `src/routes/__root.tsx` → raíz (Outlet + Toaster de sonner)
+- `src/routeTree.gen.ts` generado por el CLI de TanStack Router.
+
+### APIs de Next reemplazadas
+- `next/link` → `Link` de `@tanstack/react-router` (`href` → `to`).
+- `usePathname` (next/navigation) → `useLocation()` de TanStack Router.
+- Breadcrumbs del header ahora navegan client-side (sin recarga).
+- Se quita el tipo `Metadata`; título e iconos pasan a `index.html`.
+
+### Dependencias
+- Se eliminan: `next`, `@vercel/analytics` y `next.config.mjs`.
+- Se conserva `next-themes` (es agnóstico al framework).
+- Se agregan: `@tanstack/react-router`, `@tanstack/router-plugin`,
+ `@vitejs/plugin-react`, `vite`.
+
+### Tauri
+- `src-tauri/tauri.conf.json`: `frontendDist` `../out` → `../dist`.
+- `turbo.json`: se añaden `dist/**` y `out/**` a los outputs de build.
+- `.gitignore`: se ignora `/dist`.
+
+## Verificación
+- Se generó y validó `routeTree.gen.ts` (todas las rutas anidan bajo `/dashboard`).
+- Se confirmó que no queda ninguna referencia a `next/` en el código fuente.
+
+## Pendiente / pasos para correr el proyecto
+1. Ejecutar `pnpm install` en la raíz (cambiaron dependencias; el `pnpm-lock.yaml`
+ debe regenerarse).
+2. `pnpm dev` para desarrollo web, o `pnpm dev:tauri` para la app de escritorio.
+3. Verificar el build con `pnpm build` (no se completó un build real en el entorno
+ de migración por límites de red al instalar paquetes).
diff --git a/turbo.json b/turbo.json
index 92cb4ed..beb2237 100644
--- a/turbo.json
+++ b/turbo.json
@@ -5,7 +5,7 @@
"build": {
"dependsOn": ["^build"],
"inputs": ["$TURBO_DEFAULT$", ".env*"],
- "outputs": [".next/**", "!.next/cache/**"]
+ "outputs": [".next/**", "!.next/cache/**", "dist/**", "out/**"]
},
"lint": {
"dependsOn": ["^lint"]