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

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>
   );