streaper2/afrov2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement SEO enhancements, automatic slug generation, and font optimizations
All checks were successful
Build and Push App / build (push) Successful in 9m12s
Details

Browse Source
This commit is contained in:
streap2
2026-04-26 08:11:31 +02:00
parent 3c58e60b33
commit d1e551bcca
16 changed files with 564 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/afrolife/page.tsx
View File

@@ -13,7 +13,9 @@ interface Props {
export default async function AfroLifePage({ searchParams }: Props) {
const params = await searchParams;
const filter = params.type as string || 'ALL';
const rawFilter = params.type as string || 'ALL';
const allowedFilters = ['ALL', 'EVENT', 'VIDEO', 'ARTICLE'];
const filter = allowedFilters.includes(rawFilter) ? rawFilter : 'ALL';
let items: any[] = [];

4
app/api/blog/[id]/route.ts
View File

@@ -27,6 +27,10 @@ export async function PATCH(
try {
const { id } = await context.params
const body = await request.json()
if (body.title && body.slug === undefined) {
const { generateSlug } = await import('@/lib/utils')
body.slug = generateSlug(body.title)
}
const post = await prisma.blogPost.update({ where: { id }, data: body })
return NextResponse.json(post)
} catch (error) {

4
app/api/blog/route.ts
View File

@@ -1,5 +1,6 @@
import { NextRequest, NextResponse } from 'next/server'
import prisma from '@/lib/prisma'
import { generateSlug } from '@/lib/utils'
// GET /api/blog
export async function GET() {
@@ -18,6 +19,9 @@ export async function GET() {
export async function POST(request: NextRequest) {
try {
const body = await request.json()
if (!body.slug && body.title) {
body.slug = generateSlug(body.title)
}
const post = await prisma.blogPost.create({ data: body })
return NextResponse.json(post, { status: 201 })
} catch (error) {

4
app/globals.css
View File

@@ -2,8 +2,8 @@
@plugin "@tailwindcss/typography";
@theme {
--font-sans: 'Inter', sans-serif;
--font-serif: 'Playfair Display', serif;
--font-sans: var(--font-inter), sans-serif;
--font-serif: var(--font-playfair), serif;
--color-brand-50: #fff7ed;
--color-brand-100: #ffedd5;

26
app/layout.tsx
View File

@@ -8,15 +8,32 @@ import CookieBanner from '../components/CookieBanner';
import { Metadata } from 'next';
import { Toaster } from 'react-hot-toast';
import { getSiteSettings } from '../lib/settings';
import { Inter, Playfair_Display } from 'next/font/google';
import './globals.css';
const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
display: 'swap',
});
const playfair = Playfair_Display({
subsets: ['latin'],
variable: '--font-playfair',
display: 'swap',
});
export const dynamic = 'force-dynamic';
export async function generateMetadata(): Promise<Metadata> {
const settings = await getSiteSettings();
return {
metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'),
title: `${settings.siteName} - L'Annuaire 2.0`,
description: settings.siteSlogan,
description: settings.siteSlogan || "Découvrez les pépites de l'écosystème africain.",
alternates: {
canonical: '/',
},
};
}
@@ -24,12 +41,11 @@ export default async function RootLayout({ children }: { children: React.ReactNo
const settings = await getSiteSettings();
return (
<html lang="fr">
<html lang="fr" className={`${inter.variable} ${playfair.variable}`} suppressHydrationWarning>
<head>
<link rel="icon" type="image/svg+xml" href="https://cdn-icons-png.flaticon.com/512/1022/1022235.png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet" />
<link rel="icon" type="image/png" href="/favicon.png" />
</head>
<body className="bg-gray-50 text-gray-900 antialiased min-h-screen flex flex-col font-sans">
<body className="bg-gray-50 text-gray-900 antialiased min-h-screen flex flex-col font-sans" suppressHydrationWarning>
<UserProvider>
<Toaster position="top-right" />
<AnalyticsTracker />

7
app/page.tsx
View File

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
import Link from 'next/link';
import { useRouter } from 'next/navigation';
import { Search, MapPin, Briefcase, TrendingUp, Loader2, ArrowRight } from 'lucide-react';
import { generateSlug } from '../lib/utils';
import { Business, BlogPost } from '../types';
import BusinessCard from '../components/BusinessCard';
import { useUser } from '../components/UserProvider';
@@ -68,7 +69,7 @@ const HomePage = () => {
{/* Hero Section */}
<div className="relative bg-dark-900 overflow-hidden">
<div className="absolute inset-0 opacity-40">
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80" className="w-full h-full object-cover" alt="African entrepreneurs team" />
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80" className="w-full h-full object-cover" alt="African entrepreneurs team" width={1740} height={1160} />
</div>
<div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 lg:py-32">
<h1 className="text-4xl md:text-6xl font-serif font-bold text-white mb-6 tracking-tight">
@@ -179,9 +180,9 @@ const HomePage = () => {
})
.slice(0, settings?.homeBlogCount || 3)
.map(post => (
<Link key={post.id} href={`/blog/${post.slug || post.id}`} className="group bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-all">
<Link key={post.id} href={`/blog/${post.slug ? generateSlug(post.slug) : post.id}`} className="group bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-all">
<div className="h-48 overflow-hidden">
<img src={post.imageUrl} alt={post.title} className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
<img src={post.imageUrl} alt={post.title} className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" width={400} height={300} loading="lazy" />
</div>
<div className="p-6">
<h3 className="text-xl font-bold text-gray-900 mb-2 line-clamp-2 group-hover:text-brand-600 transition-colors">{post.title}</h3>

21
app/robots.ts Normal file
View File

@@ -0,0 +1,21 @@
import { MetadataRoute } from 'next';
export default function robots(): MetadataRoute.Robots {
const baseUrl = process.env.NEXT_PUBLIC_APP_URL || 'https://afroprenariat.com';
return {
rules: {
userAgent: '*',
allow: '/',
disallow: [
'/login',
'/register',
'/dashboard',
'/subscription',
'/api',
'/suspended',
],
},
sitemap: `${baseUrl}/sitemap.xml`,
};
}

79
app/sitemap.ts Normal file
View File

@@ -0,0 +1,79 @@
import { MetadataRoute } from 'next';
import prisma from '@/lib/prisma';
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
const baseUrl = process.env.NEXT_PUBLIC_APP_URL || 'https://afroprenariat.com';
// 1. Static routes
const staticRoutes = [
{
url: `${baseUrl}`,
lastModified: new Date(),
changeFrequency: 'daily' as const,
priority: 1.0,
},
{
url: `${baseUrl}/annuaire`,
lastModified: new Date(),
changeFrequency: 'daily' as const,
priority: 0.9,
},
{
url: `${baseUrl}/blog`,
lastModified: new Date(),
changeFrequency: 'daily' as const,
priority: 0.9,
},
{
url: `${baseUrl}/afrolife`,
lastModified: new Date(),
changeFrequency: 'weekly' as const,
priority: 0.8,
},
{
url: `${baseUrl}/cgu`,
lastModified: new Date(),
changeFrequency: 'yearly' as const,
priority: 0.3,
},
{
url: `${baseUrl}/cgv`,
lastModified: new Date(),
changeFrequency: 'yearly' as const,
priority: 0.3,
},
];
try {
// 2. Fetch all active businesses
const businesses = await prisma.business.findMany({
where: { isActive: true, isSuspended: false },
select: { id: true, slug: true, updatedAt: true },
});
const businessRoutes = businesses.map((business) => ({
url: `${baseUrl}/annuaire/${business.slug || business.id}`,
lastModified: business.updatedAt,
changeFrequency: 'weekly' as const,
priority: 0.8,
}));
// 3. Fetch all blog posts
const blogPosts = await prisma.blogPost.findMany({
select: { id: true, slug: true, updatedAt: true },
});
const blogRoutes = blogPosts.map((post) => ({
url: `${baseUrl}/blog/${post.slug || post.id}`,
lastModified: post.updatedAt,
changeFrequency: 'monthly' as const,
priority: 0.7,
}));
return [...staticRoutes, ...businessRoutes, ...blogRoutes];
} catch (error) {
console.error("Error generating sitemap:", error);
// Fallback to only static routes if DB connection fails
return staticRoutes;
}
}