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

admin/prisma/schema.prisma

@@ -121,32 +121,40 @@ model Offer {
 }
 
 model BlogPost {
-  id        String   @id @default(uuid())
-  title     String
-  excerpt   String
-  content   String
-  author    String
-  date      DateTime @default(now())
-  imageUrl  String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
+  id              String   @id @default(uuid())
+  title           String
+  slug            String?  @unique
+  excerpt         String
+  content         String
+  author          String
+  date            DateTime @default(now())
+  imageUrl        String
+  tags            String[] @default([])
+  metaTitle       String?
+  metaDescription String?
+  createdAt       DateTime @default(now())
+  updatedAt       DateTime @updatedAt
 }
 
 model Interview {
-  id           String        @id @default(uuid())
-  title        String
-  guestName    String
-  companyName  String
-  role         String
-  type         InterviewType
-  thumbnailUrl String
-  videoUrl     String?
-  content      String?
-  excerpt      String
-  date         DateTime      @default(now())
-  duration     String?
-  createdAt    DateTime      @default(now())
-  updatedAt    DateTime      @updatedAt
+  id              String        @id @default(uuid())
+  title           String
+  slug            String?       @unique
+  guestName       String
+  companyName     String
+  role            String
+  type            InterviewType
+  thumbnailUrl    String
+  videoUrl        String?
+  content         String?
+  excerpt         String
+  date            DateTime      @default(now())
+  duration        String?
+  tags            String[]      @default([])
+  metaTitle       String?
+  metaDescription String?
+  createdAt       DateTime      @default(now())
+  updatedAt       DateTime      @updatedAt
 }
 
 model Comment {
@@ -288,3 +296,19 @@ model LegalDocument {
   content   String   @db.Text
   updatedAt DateTime @updatedAt
 }
+
+model Event {
+  id              String   @id @default(uuid())
+  title           String
+  slug            String?  @unique
+  description     String   @db.Text
+  date            DateTime
+  location        String
+  thumbnailUrl    String
+  link            String?
+  tags            String[] @default([])
+  metaTitle       String?
+  metaDescription String?
+  createdAt       DateTime @default(now())
+  updatedAt       DateTime @updatedAt
+}

admin/src/app/actions/blog.ts

@@ -2,18 +2,27 @@
 
 import { prisma } from "@/lib/prisma";
 import { revalidatePath } from "next/cache";
+import { generateSlug } from "@/lib/utils";
 
 export async function createBlogPost(data: {
   title: string;
+  slug?: string;
   excerpt: string;
   content: string;
   author: string;
   imageUrl: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
 }) {
   try {
+    const slug = data.slug || generateSlug(data.title);
+    
     const post = await prisma.blogPost.create({
       data: {
         ...data,
+        slug,
+        tags: data.tags || [],
       },
     });
     revalidatePath("/blog");
@@ -26,15 +35,25 @@ export async function createBlogPost(data: {
 
 export async function updateBlogPost(id: string, data: {
   title: string;
+  slug?: string;
   excerpt: string;
   content: string;
   author: string;
   imageUrl: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
 }) {
   try {
+    const slug = data.slug || generateSlug(data.title);
+
     const post = await prisma.blogPost.update({
       where: { id },
-      data,
+      data: {
+        ...data,
+        slug,
+        tags: data.tags || [],
+      },
     });
     revalidatePath("/blog");
     return { success: true, data: post };

admin/src/app/actions/event.ts

@@ -0,0 +1,82 @@
+"use server";
+
+import { prisma } from "@/lib/prisma";
+import { revalidatePath } from "next/cache";
+import { generateSlug } from "@/lib/utils";
+
+export async function createEvent(data: {
+  title: string;
+  slug?: string;
+  description: string;
+  date: Date;
+  location: string;
+  thumbnailUrl: string;
+  link?: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
+}) {
+  try {
+    const slug = data.slug || generateSlug(data.title);
+
+    const event = await prisma.event.create({
+      data: {
+        ...data,
+        slug,
+        tags: data.tags || [],
+      },
+    });
+    revalidatePath("/blog");
+    revalidatePath("/afrolife");
+    return { success: true, data: event };
+  } catch (error) {
+    console.error("Failed to create event:", error);
+    return { success: false, error: "Erreur lors de la création de l'événement" };
+  }
+}
+
+export async function updateEvent(id: string, data: {
+  title: string;
+  slug?: string;
+  description: string;
+  date: Date;
+  location: string;
+  thumbnailUrl: string;
+  link?: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
+}) {
+  try {
+    const slug = data.slug || generateSlug(data.title);
+
+    const event = await prisma.event.update({
+      where: { id },
+      data: {
+        ...data,
+        slug,
+        tags: data.tags || [],
+      },
+    });
+    revalidatePath("/blog");
+    revalidatePath("/afrolife");
+    return { success: true, data: event };
+  } catch (error) {
+    console.error("Failed to update event:", error);
+    return { success: false, error: "Erreur lors de la mise à jour" };
+  }
+}
+
+export async function deleteEvent(id: string) {
+  try {
+    await prisma.event.delete({
+      where: { id },
+    });
+    revalidatePath("/blog");
+    revalidatePath("/afrolife");
+    return { success: true };
+  } catch (error) {
+    console.error("Failed to delete event:", error);
+    return { success: false, error: "Erreur lors de la suppression" };
+  }
+}

admin/src/app/actions/interview.ts

@@ -3,9 +3,11 @@
 import { prisma } from "@/lib/prisma";
 import { revalidatePath } from "next/cache";
 import { InterviewType } from "@prisma/client";
+import { generateSlug } from "@/lib/utils";
 
 export async function createInterview(data: {
   title: string;
+  slug?: string;
   guestName: string;
   companyName: string;
   role: string;
@@ -15,10 +17,19 @@ export async function createInterview(data: {
   content?: string;
   excerpt: string;
   duration?: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
 }) {
   try {
+    const slug = data.slug || generateSlug(data.title);
+
     const interview = await prisma.interview.create({
-      data,
+      data: {
+        ...data,
+        slug,
+        tags: data.tags || [],
+      },
     });
     revalidatePath("/blog");
     return { success: true, data: interview };
@@ -30,6 +41,7 @@ export async function createInterview(data: {
 
 export async function updateInterview(id: string, data: {
   title: string;
+  slug?: string;
   guestName: string;
   companyName: string;
   role: string;
@@ -39,11 +51,20 @@ export async function updateInterview(id: string, data: {
   content?: string;
   excerpt: string;
   duration?: string;
+  tags?: string[];
+  metaTitle?: string;
+  metaDescription?: string;
 }) {
   try {
+    const slug = data.slug || generateSlug(data.title);
+
     const interview = await prisma.interview.update({
       where: { id },
-      data,
+      data: {
+        ...data,
+        slug,
+        tags: data.tags || [],
+      },
     });
     revalidatePath("/blog");
     return { success: true, data: interview };

admin/src/app/blog/page.tsx

@@ -1,34 +1,40 @@
 import { prisma } from '@/lib/prisma';
 import Link from 'next/link';
-import { Plus, BookOpen, Mic2, Trash2, Edit } from 'lucide-react';
+import { Plus, BookOpen, Mic2, Trash2, Edit, Calendar, MapPin } from 'lucide-react';
 import DeleteBlogButton from '@/components/DeleteBlogButton';
 import DeleteInterviewButton from '@/components/DeleteInterviewButton';
+import DeleteEventButton from '@/components/DeleteEventButton';
 
 async function getData() {
   const posts = await prisma.blogPost.findMany({ orderBy: { createdAt: 'desc' } });
   const interviews = await prisma.interview.findMany({ orderBy: { createdAt: 'desc' } });
-  return { posts, interviews };
+  const events = await prisma.event.findMany({ orderBy: { date: 'desc' } });
+  return { posts, interviews, events };
 }
 
 export default async function BlogCMSPage() {
-  const { posts, interviews } = await getData();
+  const { posts, interviews, events } = await getData();
 
   return (
-    <div>
+    <div className="space-y-8">
       <div className="flex justify-between items-end mb-8">
         <div>
-          <h1 className="text-3xl font-bold text-white mb-2">CMS Blog & Interviews</h1>
-          <p className="text-slate-400">Gérez le contenu éditorial de la plateforme.</p>
+          <h1 className="text-3xl font-bold text-white mb-2">CMS Blog, Interviews & Événements</h1>
+          <p className="text-slate-400">Gérez le contenu éditorial et événementiel de la plateforme.</p>
         </div>
-        <div className="flex gap-4">
-          <Link href="/blog/new" className="btn-verify flex items-center gap-2">
+        <div className="flex flex-wrap gap-4">
+          <Link href="/blog/new" className="btn-verify flex items-center gap-2 bg-indigo-600">
             <Plus className="w-4 h-4" />
             Nouvel Article
           </Link>
-          <Link href="/interview/new" className="btn-verify bg-indigo-600 flex items-center gap-2">
+          <Link href="/interview/new" className="btn-verify bg-emerald-600 flex items-center gap-2">
             <Plus className="w-4 h-4" />
             Nouvelle Interview
           </Link>
+          <Link href="/event/new" className="btn-verify bg-amber-600 flex items-center gap-2">
+            <Plus className="w-4 h-4" />
+            Nouvel Événement
+          </Link>
         </div>
       </div>
 
@@ -40,25 +46,25 @@ export default async function BlogCMSPage() {
             <h2 className="text-xl font-bold text-white">Articles de Blog ({posts.length})</h2>
           </div>
           <div className="overflow-x-auto">
-            <table className="data-table">
+            <table className="data-table w-full">
               <thead>
                 <tr>
-                  <th>Titre</th>
-                  <th>Auteur</th>
-                  <th>Date</th>
-                  <th className="text-right">Actions</th>
+                  <th className="text-left py-3 px-4">Titre</th>
+                  <th className="text-left py-3 px-4">Auteur</th>
+                  <th className="text-left py-3 px-4">Date</th>
+                  <th className="text-right py-3 px-4">Actions</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody className="divide-y divide-slate-800">
                 {posts.map((post) => (
-                  <tr key={post.id}>
-                    <td>
+                  <tr key={post.id} className="hover:bg-slate-800/30 transition-colors">
+                    <td className="py-4 px-4">
                       <div className="font-medium text-white">{post.title}</div>
                       <div className="text-xs text-slate-500 truncate max-w-xs">{post.excerpt}</div>
                     </td>
-                    <td className="text-sm text-slate-300">{post.author}</td>
-                    <td className="text-sm text-slate-500">{new Date(post.createdAt).toLocaleDateString('fr-FR')}</td>
-                    <td className="text-right">
+                    <td className="py-4 px-4 text-sm text-slate-300">{post.author}</td>
+                    <td className="py-4 px-4 text-sm text-slate-500">{new Date(post.createdAt).toLocaleDateString('fr-FR')}</td>
+                    <td className="py-4 px-4 text-right">
                       <div className="flex justify-end gap-2">
                         <Link href={`/blog/edit/${post.id}`} className="p-2 text-slate-400 hover:text-indigo-400">
                           <Edit className="w-5 h-5" />
@@ -80,32 +86,32 @@ export default async function BlogCMSPage() {
             <h2 className="text-xl font-bold text-white">Interviews ({interviews.length})</h2>
           </div>
           <div className="overflow-x-auto">
-            <table className="data-table">
+            <table className="data-table w-full">
               <thead>
                 <tr>
-                  <th>Interviewé</th>
-                  <th>Entreprise / Rôle</th>
-                  <th>Type</th>
-                  <th className="text-right">Actions</th>
+                  <th className="text-left py-3 px-4">Interviewé</th>
+                  <th className="text-left py-3 px-4">Entreprise / Rôle</th>
+                  <th className="text-left py-3 px-4">Type</th>
+                  <th className="text-right py-3 px-4">Actions</th>
                 </tr>
               </thead>
-              <tbody>
+              <tbody className="divide-y divide-slate-800">
                 {interviews.map((interview) => (
-                  <tr key={interview.id}>
-                    <td>
+                  <tr key={interview.id} className="hover:bg-slate-800/30 transition-colors">
+                    <td className="py-4 px-4">
                       <div className="font-medium text-white">{interview.guestName}</div>
                       <div className="text-xs text-slate-500 truncate max-w-xs">{interview.title}</div>
                     </td>
-                    <td>
+                    <td className="py-4 px-4">
                       <div className="text-sm text-slate-300">{interview.companyName}</div>
                       <div className="text-xs text-slate-500">{interview.role}</div>
                     </td>
-                    <td>
-                      <span className={`badge ${interview.type === 'VIDEO' ? 'badge-verified' : 'badge-pending'}`}>
+                    <td className="py-4 px-4">
+                      <span className={`px-2 py-1 rounded-full text-[10px] font-bold ${interview.type === 'VIDEO' ? 'bg-indigo-500/10 text-indigo-400' : 'bg-emerald-500/10 text-emerald-400'}`}>
                         {interview.type}
                       </span>
                     </td>
-                    <td className="text-right">
+                    <td className="py-4 px-4 text-right">
                       <div className="flex justify-end gap-2">
                         <Link href={`/interview/edit/${interview.id}`} className="p-2 text-slate-400 hover:text-emerald-400">
                           <Edit className="w-5 h-5" />
@@ -119,6 +125,55 @@ export default async function BlogCMSPage() {
             </table>
           </div>
         </div>
+
+        {/* Events Section */}
+        <div className="card">
+          <div className="flex items-center gap-2 mb-6">
+            <Calendar className="text-amber-400 w-5 h-5" />
+            <h2 className="text-xl font-bold text-white">Événements ({events.length})</h2>
+          </div>
+          <div className="overflow-x-auto">
+            <table className="data-table w-full">
+              <thead>
+                <tr>
+                  <th className="text-left py-3 px-4">Événement</th>
+                  <th className="text-left py-3 px-4">Date & Lieu</th>
+                  <th className="text-right py-3 px-4">Actions</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-slate-800">
+                {events.map((event) => (
+                  <tr key={event.id} className="hover:bg-slate-800/30 transition-colors">
+                    <td className="py-4 px-4">
+                      <div className="font-medium text-white">{event.title}</div>
+                      <div className="text-xs text-slate-500 truncate max-w-sm">
+                        {event.link ? 'Lien activé' : 'Pas de lien'}
+                      </div>
+                    </td>
+                    <td className="py-4 px-4">
+                      <div className="flex items-center text-sm text-slate-300 gap-2">
+                        <Calendar className="w-3 h-3 text-slate-500" />
+                        {new Date(event.date).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' })}
+                      </div>
+                      <div className="flex items-center text-xs text-slate-500 gap-2 mt-1">
+                        <MapPin className="w-3 h-3" />
+                        {event.location}
+                      </div>
+                    </td>
+                    <td className="py-4 px-4 text-right">
+                      <div className="flex justify-end gap-2">
+                        <Link href={`/event/edit/${event.id}`} className="p-2 text-slate-400 hover:text-amber-400">
+                          <Edit className="w-5 h-5" />
+                        </Link>
+                        <DeleteEventButton id={event.id} />
+                      </div>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
       </div>
     </div>
   );

admin/src/app/event/edit/[id]/page.tsx

@@ -0,0 +1,20 @@
+import EventForm from "@/components/EventForm";
+import { prisma } from "@/lib/prisma";
+import { notFound } from "next/navigation";
+
+interface Props {
+  params: Promise<{ id: string }>;
+}
+
+export default async function EditEventPage({ params }: Props) {
+  const { id } = await params;
+  const event = await prisma.event.findUnique({
+    where: { id },
+  });
+
+  if (!event) {
+    notFound();
+  }
+
+  return <EventForm initialData={event} />;
+}

admin/src/app/event/new/page.tsx

@@ -0,0 +1,5 @@
+import EventForm from "@/components/EventForm";
+
+export default function NewEventPage() {
+  return <EventForm />;
+}

admin/src/app/metrics/page.tsx

@@ -125,6 +125,26 @@ async function getMetrics(range: string = 'week', from?: string, to?: string) {
     prevMobileCount = prevDevices.find(d => d.device === 'Mobile')?._count.id || 0;
   }
 
+  // 5. Recent Unique IPs
+  const recentUniqueIPs = await prisma.analyticsEvent.groupBy({
+    by: ['ip'],
+    where: currentWhere,
+    _max: { createdAt: true },
+    orderBy: { _max: { createdAt: 'desc' } },
+    take: 20
+  });
+
+  const recentIPs = await Promise.all(
+    recentUniqueIPs.map(async (item) => {
+      return await prisma.analyticsEvent.findFirst({
+        where: { 
+          ip: item.ip, 
+          createdAt: item._max.createdAt 
+        }
+      });
+    })
+  );
+
   const currentMobileCount = devices.find(d => d.device === 'Mobile')?._count.id || 0;
 
   return { 
@@ -134,6 +154,7 @@ async function getMetrics(range: string = 'week', from?: string, to?: string) {
     browsers, 
     totalEvents, 
     uniqueVisitors,
+    recentIPs,
     deltas: {
         events: prevTotalEvents > 0 ? ((totalEvents - prevTotalEvents) / prevTotalEvents) * 100 : null,
         visitors: prevUniqueVisitors > 0 ? ((uniqueVisitors - prevUniqueVisitors) / prevUniqueVisitors) * 100 : null,
@@ -147,7 +168,7 @@ async function getMetrics(range: string = 'week', from?: string, to?: string) {
 export default async function MetricsPage({ searchParams: searchParamsPromise }: { searchParams: Promise<{ range?: string, from?: string, to?: string }> }) {
   const searchParams = await searchParamsPromise;
   const range = searchParams.range || 'week';
-  const { topPages, topCountries, devices, browsers, totalEvents, uniqueVisitors, deltas } = await getMetrics(range, searchParams.from, searchParams.to);
+  const { topPages, topCountries, devices, browsers, totalEvents, uniqueVisitors, recentIPs, deltas } = await getMetrics(range, searchParams.from, searchParams.to);
 
   const rangeLabels: Record<string, string> = {
     day: 'Dernières 24h',
@@ -331,7 +352,7 @@ export default async function MetricsPage({ searchParams: searchParamsPromise }:
             </div>
         </div>
 
-        {/* Top Pages Table (Moved and compact) */}
+        {/* Top Pages Table (Restored) */}
         <div className="card p-0 overflow-hidden lg:col-span-2">
           <div className="p-6 border-b border-slate-800 flex items-center justify-between">
             <h2 className="text-xl font-bold text-white flex items-center gap-2">
@@ -357,6 +378,70 @@ export default async function MetricsPage({ searchParams: searchParamsPromise }:
             </tbody>
           </table>
         </div>
+
+        {/* Recent IP Connections Table */}
+        <div className="card p-0 overflow-hidden lg:col-span-2">
+          <div className="p-6 border-b border-slate-800 flex items-center justify-between">
+            <h2 className="text-xl font-bold text-white flex items-center gap-2">
+              <Users className="w-5 h-5 text-indigo-400" /> Dernières Connexions (IP)
+            </h2>
+          </div>
+          <div className="overflow-x-auto">
+            <table className="w-full text-left">
+              <thead className="bg-slate-900/50 text-xs font-semibold text-slate-500 uppercase tracking-wider">
+                <tr>
+                  <th className="px-6 py-4">Adresse IP</th>
+                  <th className="px-6 py-4">Localisation</th>
+                  <th className="px-6 py-4 text-center">Appareil / OS</th>
+                  <th className="px-6 py-4">Navigateur</th>
+                  <th className="px-6 py-4">Dernière Page</th>
+                  <th className="px-6 py-4 text-right">Date / Heure</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-slate-800">
+                {recentIPs.map((e, idx) => e && (
+                  <tr key={`${e.ip}-${idx}`} className="hover:bg-slate-800/30 transition-colors">
+                    <td className="px-6 py-4">
+                        <span className="font-mono text-xs text-indigo-400 bg-indigo-400/5 px-2 py-1 rounded border border-indigo-400/10 whitespace-nowrap">
+                            {e.ip || '---.---.---.---'}
+                        </span>
+                    </td>
+                    <td className="px-6 py-4">
+                        <div className="flex flex-col">
+                            <span className="text-sm text-slate-200 font-bold">{e.country || 'Inconnu'}</span>
+                            <span className="text-[10px] text-slate-500">{e.city || '---'}</span>
+                        </div>
+                    </td>
+                    <td className="px-6 py-4 text-center">
+                        <div className="inline-flex flex-col items-center">
+                            <span className={`text-[10px] px-1.5 py-0.5 rounded-full font-bold mb-1 ${
+                                e.device === 'Mobile' ? 'bg-amber-500/10 text-amber-500' : 'bg-blue-500/10 text-blue-500'
+                            }`}>
+                                {e.device}
+                            </span>
+                            <span className="text-[10px] text-slate-400">{e.os}</span>
+                        </div>
+                    </td>
+                    <td className="px-6 py-4 text-sm text-slate-300">
+                        {e.browser}
+                    </td>
+                    <td className="px-6 py-4">
+                        <span className="text-xs font-mono text-slate-400 truncate max-w-[150px] block" title={e.path}>
+                            {e.path}
+                        </span>
+                    </td>
+                    <td className="px-6 py-4 text-right text-xs whitespace-nowrap">
+                        <div className="flex flex-col">
+                            <span className="text-slate-300">{new Date(e.createdAt).toLocaleDateString('fr-FR')}</span>
+                            <span className="text-slate-500">{new Date(e.createdAt).toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' })}</span>
+                        </div>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
       </div>
     </div>
   );

admin/src/components/BlogForm.tsx

@@ -16,6 +16,10 @@ interface Props {
     content: string;
     author: string;
     imageUrl: string;
+    slug?: string | null;
+    tags?: string[];
+    metaTitle?: string | null;
+    metaDescription?: string | null;
   };
 }
 
@@ -29,10 +33,14 @@ export default function BlogForm({ initialData }: Props) {
     const formData = new FormData(event.currentTarget);
     const data = {
       title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
       excerpt: formData.get('excerpt') as string,
       content: content,
       author: formData.get('author') as string,
       imageUrl: formData.get('imageUrl') as string,
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
     };
 
     startTransition(async () => {
@@ -51,7 +59,7 @@ export default function BlogForm({ initialData }: Props) {
   };
 
   return (
-    <div className="max-w-4xl mx-auto">
+    <div className="max-w-4xl mx-auto pb-20">
       <div className="mb-8 flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
@@ -63,60 +71,112 @@ export default function BlogForm({ initialData }: Props) {
         </div>
       </div>
 
-      <form onSubmit={handleSubmit} className="card space-y-6">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: L'essor de la Tech en Afrique"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Auteur</label>
+              <input 
+                name="author" 
+                defaultValue={initialData?.author}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Jean Dupont"
+              />
+            </div>
+          </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Titre</label>
+            <label className="text-sm font-medium text-slate-400">URL de l'image</label>
             <input 
-              name="title" 
-              defaultValue={initialData?.title}
+              name="imageUrl" 
+              defaultValue={initialData?.imageUrl}
               required 
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: L'essor de la Tech en Afrique"
+              placeholder="https://images.unsplash.com/..."
             />
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Auteur</label>
-            <input 
-              name="author" 
-              defaultValue={initialData?.author}
+            <label className="text-sm font-medium text-slate-400">Extrait (Excerpt)</label>
+            <textarea 
+              name="excerpt" 
+              defaultValue={initialData?.excerpt}
               required 
+              rows={2}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Jean Dupont"
+              placeholder="Un court résumé de l'article..."
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Contenu de l'article</label>
+            <RichTextEditor 
+              value={content} 
+              onChange={setContent} 
+              placeholder="Rédigez votre article ici..."
             />
           </div>
         </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">URL de l'image</label>
-          <input 
-            name="imageUrl" 
-            defaultValue={initialData?.imageUrl}
-            required 
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            placeholder="https://images.unsplash.com/..."
-          />
-        </div>
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: lessor-de-la-tech-afrique"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="tech, afrique, innovation"
+              />
+            </div>
+          </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Extrait (Excerpt)</label>
-          <textarea 
-            name="excerpt" 
-            defaultValue={initialData?.excerpt}
-            required 
-            rows={2}
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            placeholder="Un court résumé de l'article..."
-          />
-        </div>
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
+            <input 
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Titre optimisé pour les moteurs de recherche"
+            />
+          </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Contenu de l'article</label>
-          <RichTextEditor 
-            value={content} 
-            onChange={setContent} 
-            placeholder="Rédigez votre article ici..."
-          />
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description optimisée pour les moteurs de recherche (max 160 caractères)..."
+            />
+          </div>
         </div>
 
         <div className="pt-4">

admin/src/components/DeleteEventButton.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { useTransition } from 'react';
+import { deleteEvent } from '@/app/actions/event';
+import { Trash2, Loader2 } from 'lucide-react';
+import { toast } from 'react-hot-toast';
+
+interface Props {
+  id: string;
+}
+
+export default function DeleteEventButton({ id }: Props) {
+  const [isPending, startTransition] = useTransition();
+
+  const handleDelete = async () => {
+    if (!confirm('Êtes-vous sûr de vouloir supprimer cet événement ?')) return;
+
+    startTransition(async () => {
+      const result = await deleteEvent(id);
+      if (result.success) {
+        toast.success("Événement supprimé");
+      } else {
+        toast.error(result.error || "Erreur lors de la suppression");
+      }
+    });
+  };
+
+  return (
+    <button 
+      onClick={handleDelete}
+      disabled={isPending}
+      className="p-2 text-slate-400 hover:text-rose-500 transition-colors"
+    >
+      {isPending ? (
+        <Loader2 className="w-5 h-5 animate-spin" />
+      ) : (
+        <Trash2 className="w-5 h-5" />
+      )}
+    </button>
+  );
+}

admin/src/components/EventForm.tsx

@@ -0,0 +1,208 @@
+"use client";
+
+import { useTransition, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { createEvent, updateEvent } from '@/app/actions/event';
+import { Loader2, ArrowLeft, Save, Calendar, MapPin, Link as LinkIcon } from 'lucide-react';
+import Link from 'next/link';
+import { toast } from 'react-hot-toast';
+import RichTextEditor from './RichTextEditor';
+
+interface Props {
+  initialData?: any;
+}
+
+export default function EventForm({ initialData }: Props) {
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+  const [description, setDescription] = useState(initialData?.description || '');
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data: any = {
+      title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
+      location: formData.get('location') as string,
+      date: new Date(formData.get('date') as string),
+      thumbnailUrl: formData.get('thumbnailUrl') as string,
+      link: formData.get('link') as string || null,
+      description: description || '',
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
+    };
+
+    startTransition(async () => {
+      const result = initialData 
+        ? await updateEvent(initialData.id, data)
+        : await createEvent(data);
+
+      if (result.success) {
+        toast.success(initialData ? "Événement mis à jour" : "Événement créé avec succès");
+        router.push('/blog');
+        router.refresh();
+      } else {
+        toast.error(result.error || "Une erreur est survenue");
+      }
+    });
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto pb-20">
+      <div className="mb-8 flex items-center justify-between">
+        <div className="flex items-center gap-4">
+          <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
+            <ArrowLeft className="w-5 h-5" />
+          </Link>
+          <h1 className="text-3xl font-bold text-white">
+            {initialData ? 'Modifier l\'événement' : 'Nouvel Événement'}
+          </h1>
+        </div>
+      </div>
+
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre de l'événement</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Conférence AfroHub 2026"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Date de l'événement</label>
+              <div className="relative">
+                <Calendar className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="date" 
+                  type="datetime-local"
+                  defaultValue={initialData?.date ? new Date(initialData.date).toISOString().slice(0, 16) : ''}
+                  required 
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Lieu</label>
+              <div className="relative">
+                <MapPin className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="location" 
+                  defaultValue={initialData?.location}
+                  required 
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                  placeholder="Ex: Abidjan, Côte-d'Ivoire / Zoom"
+                />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Lien d'inscription / info (Optionnel)</label>
+              <div className="relative">
+                <LinkIcon className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="link" 
+                  defaultValue={initialData?.link}
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                  placeholder="https://..."
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">URL de l'image (Affiche/Miniature)</label>
+            <input 
+              name="thumbnailUrl" 
+              defaultValue={initialData?.thumbnailUrl}
+              required 
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="https://..."
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Description de l'événement</label>
+            <RichTextEditor 
+              value={description} 
+              onChange={setDescription} 
+              placeholder="Détails sur l'événement, programme, intervenants..."
+            />
+          </div>
+        </div>
+
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: conference-afrohub-2026"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="evenement, networking, afrique"
+              />
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
+            <input 
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Titre optimisé pour Google"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description courte pour les résultats de recherche..."
+            />
+          </div>
+        </div>
+
+        <div className="pt-4">
+          <button 
+            type="submit" 
+            disabled={isPending}
+            className="w-full btn-verify flex items-center justify-center gap-2 py-4 text-lg bg-indigo-600"
+          >
+            {isPending ? (
+              <Loader2 className="w-6 h-6 animate-spin" />
+            ) : (
+              <Save className="w-6 h-6" />
+            )}
+            {initialData ? 'Enregistrer les modifications' : 'Créer l\'événement'}
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}

admin/src/components/InterviewForm.tsx

@@ -23,6 +23,7 @@ export default function InterviewForm({ initialData }: Props) {
     const formData = new FormData(event.currentTarget);
     const data: any = {
       title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
       guestName: formData.get('guestName') as string,
       companyName: formData.get('companyName') as string,
       role: formData.get('role') as string,
@@ -32,6 +33,9 @@ export default function InterviewForm({ initialData }: Props) {
       excerpt: formData.get('excerpt') as string,
       content: content || null,
       duration: formData.get('duration') as string || null,
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
     };
 
     startTransition(async () => {
@@ -50,7 +54,7 @@ export default function InterviewForm({ initialData }: Props) {
   };
 
   return (
-    <div className="max-w-4xl mx-auto">
+    <div className="max-w-4xl mx-auto pb-20">
       <div className="mb-8 flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
@@ -62,112 +66,164 @@ export default function InterviewForm({ initialData }: Props) {
         </div>
       </div>
 
-      <form onSubmit={handleSubmit} className="card space-y-6">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre de l'interview</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Entreprise X : Une success story..."
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Nom de l'invité</label>
+              <input 
+                name="guestName" 
+                defaultValue={initialData?.guestName}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Sarah Koné"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Entreprise</label>
+              <input 
+                name="companyName" 
+                defaultValue={initialData?.companyName}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: TechAfrica"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Rôle / Poste</label>
+              <input 
+                name="role" 
+                defaultValue={initialData?.role}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Fondatrice & CEO"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Type d'interview</label>
+              <select 
+                name="type" 
+                defaultValue={initialData?.type || 'VIDEO'}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              >
+                <option value="VIDEO">Vidéo</option>
+                <option value="ARTICLE">Article (Texte)</option>
+              </select>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Durée (Optionnel)</label>
+              <input 
+                name="duration" 
+                defaultValue={initialData?.duration}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: 12 min"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">URL de la miniature (Thumbnail)</label>
+              <input 
+                name="thumbnailUrl" 
+                defaultValue={initialData?.thumbnailUrl}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">URL Vidéo (Si type Vidéo)</label>
+              <input 
+                name="videoUrl" 
+                defaultValue={initialData?.videoUrl}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="https://youtube.com/..."
+              />
+            </div>
+          </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Titre de l'interview</label>
-            <input 
-              name="title" 
-              defaultValue={initialData?.title}
+            <label className="text-sm font-medium text-slate-400">Extrait (Court résumé)</label>
+            <textarea 
+              name="excerpt" 
+              defaultValue={initialData?.excerpt}
               required 
+              rows={2}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Entreprise X : Une success story..."
             />
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Nom de l'invité</label>
-            <input 
-              name="guestName" 
-              defaultValue={initialData?.guestName}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Sarah Koné"
-            />
-          </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Entreprise</label>
-            <input 
-              name="companyName" 
-              defaultValue={initialData?.companyName}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: TechAfrica"
-            />
-          </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Rôle / Poste</label>
-            <input 
-              name="role" 
-              defaultValue={initialData?.role}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Fondatrice & CEO"
+            <label className="text-sm font-medium text-slate-400">Contenu / Transcription (Optionnel)</label>
+            <RichTextEditor 
+              value={content} 
+              onChange={setContent} 
+              placeholder="Rédigez la transcription ou le contenu ici..."
             />
           </div>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Type d'interview</label>
-            <select 
-              name="type" 
-              defaultValue={initialData?.type || 'VIDEO'}
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            >
-              <option value="VIDEO">Vidéo</option>
-              <option value="ARTICLE">Article (Texte)</option>
-            </select>
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: interview-sarah-kone-techafrica"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="interview, succes, tech"
+              />
+            </div>
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Durée (Optionnel)</label>
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
             <input 
-              name="duration" 
-              defaultValue={initialData?.duration}
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: 12 min"
+              placeholder="Titre optimisé SEO"
             />
           </div>
-        </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">URL de la miniature (Thumbnail)</label>
-            <input 
-              name="thumbnailUrl" 
-              defaultValue={initialData?.thumbnailUrl}
-              required 
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description courte SEO..."
             />
           </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">URL Vidéo (Si type Vidéo)</label>
-            <input 
-              name="videoUrl" 
-              defaultValue={initialData?.videoUrl}
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="https://youtube.com/..."
-            />
-          </div>
-        </div>
-
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Extrait (Court résumé)</label>
-          <textarea 
-            name="excerpt" 
-            defaultValue={initialData?.excerpt}
-            required 
-            rows={2}
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-          />
-        </div>
-
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Contenu / Transcription (Optionnel)</label>
-          <RichTextEditor 
-            value={content} 
-            onChange={setContent} 
-            placeholder="Rédigez la transcription ou le contenu ici..."
-          />
         </div>
 
         <div className="pt-4">

admin/src/components/RichTextEditor.tsx

@@ -57,7 +57,7 @@ export default function RichTextEditor({ value, onChange, placeholder }: RichTex
   const formats = [
     'header',
     'bold', 'italic', 'underline', 'strike',
-    'list', 'bullet',
+    'list',
     'divider', 'link',
   ];
 

admin/src/lib/utils.ts

@@ -0,0 +1,13 @@
+export function generateSlug(text: string): string {
+  return text
+    .toString()
+    .toLowerCase()
+    .trim()
+    .normalize('NFD') // remove accents
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/\s+/g, '-') // replace spaces with -
+    .replace(/[^\w-]+/g, '') // remove all non-word chars
+    .replace(/--+/g, '-') // replace multiple - with single -
+    .replace(/^-+/, '') // trim - from start of text
+    .replace(/-+$/, ''); // trim - from end of text
+}