diff --git a/front/next-env.d.ts b/front/next-env.d.ts
index 1b3be08..830fb59 100644
--- a/front/next-env.d.ts
+++ b/front/next-env.d.ts
@@ -1,5 +1,6 @@
///
///
+///
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/front/package.json b/front/package.json
index cdc268b..abbc0a5 100644
--- a/front/package.json
+++ b/front/package.json
@@ -7,12 +7,16 @@
"start": "next dev"
},
"dependencies": {
+ "@tailwindcss/postcss": "^4.1.17",
"next": "^15.4.1",
+ "postcss": "^8.5.6",
"react": "^19.1.0",
- "react-dom": "^19.1.0"
+ "react-dom": "^19.1.0",
+ "tailwindcss": "^4.1.17"
},
"devDependencies": {
"@types/react": "^19.1.8",
- "@types/react-dom": "^19.1.6"
+ "@types/react-dom": "^19.1.6",
+ "daisyui": "^5.5.5"
}
}
diff --git a/front/postcss.config.js b/front/postcss.config.js
new file mode 100644
index 0000000..7059fe9
--- /dev/null
+++ b/front/postcss.config.js
@@ -0,0 +1,6 @@
+const config = {
+ plugins: {
+ "@tailwindcss/postcss": {},
+ },
+};
+export default config;
diff --git a/front/src/app/embalse-provincia/[provincia]/page.tsx b/front/src/app/embalse-provincia/[provincia]/page.tsx
new file mode 100644
index 0000000..ba6360e
--- /dev/null
+++ b/front/src/app/embalse-provincia/[provincia]/page.tsx
@@ -0,0 +1,18 @@
+import Link from "next/link";
+
+interface Props {
+ params: Promise<{ provincia: string }>;
+}
+
+export default async function EmbalseProvinciaListadoPage({ params }: Props) {
+ const { provincia } = await params;
+ return (
+
+
Embalses de {provincia}
+
+
+ Embalse de Casasola
+
+
+ );
+}
diff --git a/front/src/app/embalse-provincia/page.tsx b/front/src/app/embalse-provincia/page.tsx
new file mode 100644
index 0000000..27e2263
--- /dev/null
+++ b/front/src/app/embalse-provincia/page.tsx
@@ -0,0 +1,12 @@
+import Link from "next/link";
+
+export default function EmbalsesProvinciaPage() {
+ return (
+
+
Embalse por provincias
+
+ Málaga
+
+
+ );
+}
diff --git a/front/src/app/embalse/[embalse]/page.tsx b/front/src/app/embalse/[embalse]/page.tsx
new file mode 100644
index 0000000..bc03273
--- /dev/null
+++ b/front/src/app/embalse/[embalse]/page.tsx
@@ -0,0 +1,14 @@
+import Link from "next/link";
+
+interface Props {
+ params: Promise<{ embalse: string }>;
+}
+
+export default async function EmbalseDetallePage({ params }: Props) {
+ const { embalse } = await params;
+ return (
+
+
Detalle del embalse: {embalse}
+
+ );
+}
diff --git a/front/src/app/globals.css b/front/src/app/globals.css
new file mode 100644
index 0000000..4c1b0c2
--- /dev/null
+++ b/front/src/app/globals.css
@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@plugin "daisyui";
diff --git a/front/src/app/layout.tsx b/front/src/app/layout.tsx
index 258f606..4fd5cbb 100644
--- a/front/src/app/layout.tsx
+++ b/front/src/app/layout.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+import React from "react";
+import "./globals.css";
interface Props {
children: React.ReactNode;
@@ -8,8 +9,17 @@ const RootLayout = (props: Props) => {
const { children } = props;
return (
-
- {children}
+
+
+ {children}
+
);
diff --git a/front/src/app/page.tsx b/front/src/app/page.tsx
index 68f46a0..8d2c51f 100644
--- a/front/src/app/page.tsx
+++ b/front/src/app/page.tsx
@@ -1,5 +1,19 @@
+import Link from "next/link";
+
const RootPage = () => {
- return Hello from Nextjs
;
+ return (
+
+
Página de inicio
+
+
+ Embalses por provincias
+
+
+ Detalle del embalse
+
+
+