diff --git a/.changeset/purple-bulldogs-add.md b/.changeset/purple-bulldogs-add.md
new file mode 100644
index 000000000..6c4bdf193
--- /dev/null
+++ b/.changeset/purple-bulldogs-add.md
@@ -0,0 +1,5 @@
+---
+"create-eth": patch
+---
+
+template: allow passing metadata & header logoText and description
diff --git a/templates/base/packages/nextjs/app/layout.tsx.template.mjs b/templates/base/packages/nextjs/app/layout.tsx.template.mjs
index 3cba47bcd..2cc38b4fc 100644
--- a/templates/base/packages/nextjs/app/layout.tsx.template.mjs
+++ b/templates/base/packages/nextjs/app/layout.tsx.template.mjs
@@ -1,6 +1,6 @@
import { withDefaults } from "../../../../utils.js";
-const contents = ({ imports }) => {
+const contents = ({ imports, metadata }) => {
return `
${imports.filter(Boolean).join("\n")}
import "@rainbow-me/rainbowkit/styles.css";
@@ -9,10 +9,7 @@ import { ThemeProvider } from "~~/components/ThemeProvider";
import "~~/styles/globals.css";
import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
-export const metadata = getMetadata({
- title: "Scaffold-ETH 2 App",
- description: "Built with 🏗 Scaffold-ETH 2",
-});
+export const metadata = getMetadata(${JSON.stringify(metadata[0])});
const ScaffoldEthApp = ({ children }: { children: React.ReactNode }) => {
return (
@@ -30,5 +27,9 @@ export default ScaffoldEthApp;`;
};
export default withDefaults(contents, {
- imports: ""
+ imports: "",
+ metadata: {
+ title: "Scaffold-ETH 2 App",
+ description: "Built with 🏗 Scaffold-ETH 2"
+ }
});
diff --git a/templates/base/packages/nextjs/components/Header.tsx.template.mjs b/templates/base/packages/nextjs/components/Header.tsx.template.mjs
index c46c7026b..df23ca764 100644
--- a/templates/base/packages/nextjs/components/Header.tsx.template.mjs
+++ b/templates/base/packages/nextjs/components/Header.tsx.template.mjs
@@ -1,5 +1,7 @@
import { withDefaults } from "../../../../utils.js";
-const contents = ({ menuIconImports, menuObjects }) => {
+const contents = ({ menuIconImports, menuObjects, logoText, logoDescription }) => {
+ const stringifiedAdditionalMenuLinks = menuObjects.filter(Boolean).join(",\n");
+
return `"use client";
import React, { useCallback, useRef, useState } from "react";
@@ -22,12 +24,12 @@ export const menuLinks: HeaderMenuLink[] = [
label: "Home",
href: "/",
},
+ ${stringifiedAdditionalMenuLinks && `${stringifiedAdditionalMenuLinks},`}
{
label: "Debug Contracts",
href: "/debug",
icon: