diff --git a/app/frameworks/[key]/page.jsx b/app/frameworks/[key]/page.jsx index 546269d..91e9d19 100644 --- a/app/frameworks/[key]/page.jsx +++ b/app/frameworks/[key]/page.jsx @@ -1,11 +1,12 @@ +import Link from "next/link"; import Header from "@/components/Header"; import Footer from "@/components/Footer"; -import Link from "next/link"; -import frameworksData from "@/public/frameworks.json"; import { notFound } from "next/navigation"; +import CodeExample from "@/components/CodeExample"; +import frameworksData from "@/public/frameworks.json"; -export default function FrameworkDetail({ params }) { - const { key } = params; +export default async function FrameworkDetail({ params }) { + const { key } = await params; const framework = frameworksData[key]; if (!framework) { @@ -42,7 +43,7 @@ export default function FrameworkDetail({ params }) { -
+
{framework.documentacao && (

FUNÇÃO PRINCIPAL

-

{framework.funcao_principal}

+

{framework.funcao_principal}

@@ -126,26 +127,17 @@ export default function FrameworkDetail({ params }) { - {framework.exemplo_codigo && ( -
-

- Exemplo de Código -

-
-
-                                {framework.exemplo_codigo}
-                            
-
-
+ {framework.exemplos && ( + )} -
+
{framework.documentacao && ( 📚 Documentação Oficial @@ -156,7 +148,7 @@ export default function FrameworkDetail({ params }) { href={framework.repositorio} target="_blank" rel="noopener noreferrer" - className="inline-flex items-center gap-2 bg-white text-gray-800 px-6 py-3 rounded-xl font-semibold shadow border-2 border-gray-100 hover:border-purple-300 transition" + className="inline-flex items-center mb-4 gap-2 bg-white text-gray-800 px-6 py-3 rounded-xl font-semibold shadow border-2 border-gray-100 hover:border-purple-300 transition" > 💻 Repositório no GitHub @@ -170,7 +162,7 @@ export default function FrameworkDetail({ params }) { } export async function generateMetadata({ params }) { - const { key } = params; + const { key } = await params; const framework = frameworksData[key]; if (!framework) { @@ -178,11 +170,13 @@ export async function generateMetadata({ params }) { } return { - title: `${framework.nome} - ${framework.nome_completo}`, + title: `ESPDocs - ${framework.nome_completo}`, description: framework.descricao, }; } export async function generateStaticParams() { - return Object.keys(frameworksData).map((key) => ({ key })); + return Object.keys(frameworksData).map((key) => ({ + key: key, + })); } \ No newline at end of file diff --git a/app/frameworks/page.jsx b/app/frameworks/page.jsx index 13ba4e4..e29d874 100644 --- a/app/frameworks/page.jsx +++ b/app/frameworks/page.jsx @@ -171,25 +171,6 @@ export default function Frameworks() {
- -
-
-
-

- 💡 Precisa de Ajuda para Escolher? -

-

- Compare frameworks, veja exemplos de código e entenda qual se adequa melhor ao seu projeto. -

-
- - 📊 Comparar Frameworks - -
-