feat: initialize Prisma schema and scaffold core application modules including auth, blogs, events, and business directories

app/blog/[id]/page.tsx

@@ -4,15 +4,49 @@ import { notFound } from 'next/navigation';
 import { ArrowLeft, User, Calendar, Share2 } from 'lucide-react';
 import { prisma } from '../../../lib/prisma';
 
+import { Metadata } from 'next';
+
 interface Props {
   params: Promise<{ id: string }>;
 }
 
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { id } = await params;
+  
+  const post = await prisma.blogPost.findFirst({
+    where: {
+      OR: [
+        { id: id },
+        { slug: id }
+      ]
+    }
+  });
+
+  if (!post) return { title: 'Article non trouvé' };
+
+  return {
+    title: post.metaTitle || post.title,
+    description: post.metaDescription || post.excerpt,
+    keywords: post.tags,
+    openGraph: {
+      title: post.metaTitle || post.title,
+      description: post.metaDescription || post.excerpt,
+      images: [post.imageUrl],
+      type: 'article',
+    }
+  };
+}
+
 export default async function BlogPostPage({ params }: Props) {
   const { id } = await params;
   
-  const post = await prisma.blogPost.findUnique({
-    where: { id }
+  const post = await prisma.blogPost.findFirst({
+    where: {
+      OR: [
+        { id: id },
+        { slug: id }
+      ]
+    }
   });
 
   if (!post) {
@@ -49,9 +83,17 @@ export default async function BlogPostPage({ params }: Props) {
                 <Calendar className="w-4 h-4 mr-1 text-brand-500" />
                 {new Date(post.date).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' })}
               </span>
-              <span className="px-2 py-1 bg-brand-50 text-brand-700 rounded text-xs font-semibold uppercase tracking-wide">
-                Conseils
-              </span>
+              {post.tags.length > 0 ? (
+                post.tags.map(tag => (
+                  <span key={tag} className="px-2 py-1 bg-brand-50 text-brand-700 rounded text-xs font-semibold uppercase tracking-wide">
+                    {tag}
+                  </span>
+                ))
+              ) : (
+                <span className="px-2 py-1 bg-brand-50 text-brand-700 rounded text-xs font-semibold uppercase tracking-wide">
+                  Article
+                </span>
+              )}
             </div>
             <h1 className="text-3xl md:text-4xl font-serif font-bold text-gray-900 leading-tight">
               {post.title}

app/blog/page.tsx

@@ -34,7 +34,7 @@ export default async function BlogPage() {
       ) : (
         <div className="grid gap-8 lg:grid-cols-3">
           {posts.map(post => (
-            <Link key={post.id} href={`/blog/${post.id}`} className="group flex flex-col rounded-lg shadow-lg overflow-hidden bg-white hover:shadow-xl transition-shadow duration-300">
+            <Link key={post.id} href={`/blog/${post.slug || post.id}`} className="group flex flex-col rounded-lg shadow-lg overflow-hidden bg-white hover:shadow-xl transition-shadow duration-300">
               <div className="flex-shrink-0 relative overflow-hidden h-48">
                 <img className="h-full w-full object-cover group-hover:scale-105 transition-transform duration-500" src={post.imageUrl} alt={post.title} />
                 <div className="absolute inset-0 bg-black/10 group-hover:bg-transparent transition-colors"></div>