page.tsx
page.tsx is the page file in file-based router
export default function Page({ data }: PageProps) {
return (
<div className="container">
<header className="header">
<div className="logo">🍞 mantou</div>
<div className="subtitle">
The Next Generation Web Framework Powered by Bun
</div>
</header>
<main>
<div className="card-grid">
<div className="card">
<h2>⚡️ Super Fast</h2>
<p>Built on Bun for exceptional performance.</p>
</div>
{/* More feature cards */}
</div>
</main>
</div>
)
}
export const getServerSideData: GetServerSideData = async (ctx) => {
return {
name: 'Mantou'
}
}
export const generateMetadata: GenerateMetadata = async (ctx) => {
return {
title: "Mantou Homepage",
description: "Very Fast !"
}
}