ai-wpa/templates/page.template.tsx

67 lines
1.7 KiB
TypeScript

/**
* Page Template
*
* Usage: Copy this file to create new pages
* 1. Replace TEMPLATE_NAME with your page name
* 2. Update the metadata
* 3. Implement your page logic
*/
import { Metadata } from 'next'
import { generateMetadata } from '@/lib/seo'
// Page metadata
export const metadata: Metadata = generateMetadata({
title: 'TEMPLATE_NAME - NextJS Boilerplate',
description: 'Description for TEMPLATE_NAME page',
// Add other SEO properties as needed
})
// Page component
export default function TemplatePage() {
return (
<div className="container mx-auto px-4 py-8">
<div className="max-w-4xl mx-auto">
{/* Page Header */}
<div className="mb-8">
<h1 className="text-4xl font-bold mb-4">TEMPLATE_NAME</h1>
<p className="text-lg text-muted-foreground">Page description goes here</p>
</div>
{/* Main Content */}
<div className="space-y-8">
{/* Add your content sections here */}
<section>
<h2 className="text-2xl font-semibold mb-4">Section Title</h2>
<p className="text-muted-foreground">Section content goes here</p>
</section>
</div>
</div>
</div>
)
}
/**
* For dynamic pages, you can export generateStaticParams or use dynamic segments
*
* Example for dynamic routes:
*
* interface Props {
* params: { slug: string };
* }
*
* export default function DynamicPage({ params }: Props) {
* const { slug } = params;
* // Page logic here
* }
*
* // For static generation
* export async function generateStaticParams() {
* // Return array of params
* return [
* { slug: 'example-1' },
* { slug: 'example-2' },
* ];
* }
*/