ayrisdev/mugladijitalmedya
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add multi-user admin panel and featured partners toggle on home page

Browse Source
This commit is contained in:
AyrisAI
2026-05-17 13:48:05 +03:00
parent 36e98a3883
commit 0504f12f5b
29 changed files with 1110 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/about/page.tsx
View File

@@ -8,7 +8,6 @@ import {
Instagram,
TrendingUp
} from "lucide-react";
import Footer from "@/components/Footer";
import { Metadata } from "next";
export const metadata: Metadata = {
@@ -259,8 +258,6 @@ export default function AboutPage() {
</div>
</div>
</section>
<Footer />
</main>
);
}

89
app/actions.ts
View File

@@ -1,6 +1,9 @@
'use server'
import { cache } from 'react';
import sql from '@/lib/db';
import { Resend } from 'resend';
const resend = new Resend(process.env.RESEND_API_KEY);
// Vercel Best Practice: server-cache-react - Deduplicate data fetching per request
export const getSettings = cache(async function() {
@@ -40,16 +43,58 @@ export async function submitLead(formData: {
projectType: string;
message: string;
}) {
const fullName = `${formData.firstName} ${formData.lastName}`;
console.log(`[Lead] Submitting lead for ${fullName}...`);
try {
const fullName = `${formData.firstName} ${formData.lastName}`;
// 1. Save to Database First
await sql`
INSERT INTO leads (full_name, email, service_type, message, status)
VALUES (${fullName}, ${formData.email}, ${formData.projectType}, ${formData.message}, 'new')
`;
console.log(`[Lead] Successfully saved to database.`);
// 2. Try sending email in a separate block
try {
const settings = await getSettings();
const destEmail = settings?.contact_email || 'ayrisdev@gmail.com';
console.log(`[Lead] Attempting to send notification to ${destEmail}...`);
const emailResult = await resend.emails.send({
from: 'Muğla Dijital <onboarding@resend.dev>',
to: destEmail,
subject: `Yeni Mesaj: ${fullName} - ${formData.projectType}`,
html: `
<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #eee;">
<h2 style="color: #000; border-bottom: 2px solid #ff0000; padding-bottom: 10px;">Yeni İletişim Formu Mesajı</h2>
<p><strong>Gönderen:</strong> ${fullName}</p>
<p><strong>E-posta:</strong> ${formData.email}</p>
<p><strong>Hizmet:</strong> ${formData.projectType}</p>
<p><strong>Mesaj:</strong></p>
<div style="background: #f9f9f9; padding: 15px; border-radius: 5px;">
${formData.message.replace(/\n/g, '<br/>')}
</div>
<hr style="margin-top: 30px; border: 0; border-top: 1px solid #eee;" />
<p style="font-size: 12px; color: #999;">Bu mesaj Muğla Dijital web sitesi üzerinden gönderilmiştir.</p>
</div>
`
});
if (emailResult.error) {
console.error(`[Lead] Resend Error:`, emailResult.error);
} else {
console.log(`[Lead] Email sent successfully:`, emailResult.data?.id);
}
} catch (emailErr) {
// We don't want to fail the whole action if only email fails
console.error(`[Lead] Email sending failed but DB record was saved:`, emailErr);
}
return { success: true };
} catch (error) {
console.error('Error submitting lead:', error);
return { error: 'Failed to submit' };
console.error('[Lead] Critical Error submitting lead:', error);
return { error: 'Form gönderilirken bir hata oluştu. Lütfen teknik ekiple iletişime geçin.' };
}
}
export async function getPartners() {
@@ -70,6 +115,44 @@ export async function getPartners() {
}
}
export async function getFeaturedPartners() {
try {
// Try to fetch featured partners (max 5)
const featured = await sql`
SELECT p.*, (
SELECT slug FROM projects
WHERE LOWER(TRIM(p.name)) LIKE '%' || LOWER(TRIM(title)) || '%'
OR LOWER(TRIM(title)) LIKE '%' || LOWER(TRIM(p.name)) || '%'
LIMIT 1
) as project_slug
FROM partners p
WHERE p.is_featured = true
ORDER BY p.display_order ASC
LIMIT 5
`;
if (featured.length > 0) {
return featured;
}
// Fallback to top 5 standard partners if none are marked featured
return await sql`
SELECT p.*, (
SELECT slug FROM projects
WHERE LOWER(TRIM(p.name)) LIKE '%' || LOWER(TRIM(title)) || '%'
OR LOWER(TRIM(title)) LIKE '%' || LOWER(TRIM(p.name)) || '%'
LIMIT 1
) as project_slug
FROM partners p
ORDER BY p.display_order ASC
LIMIT 5
`;
} catch (error) {
console.error('Error fetching featured partners:', error);
return [];
}
}
export const getProjectBySlug = cache(async function(slug: string) {
try {
const projects = await sql`SELECT * FROM projects WHERE slug = ${slug} LIMIT 1`;

6
app/admin/(dashboard)/layout.tsx
View File

@@ -1,5 +1,5 @@
import Link from 'next/link';
import { LayoutDashboard, Users, Briefcase, Settings, FileText, LogOut, Handshake } from 'lucide-react';
import { LayoutDashboard, Users, Briefcase, Settings, FileText, LogOut, Handshake, Shield } from 'lucide-react';
import { logout } from '../actions';
export default function AdminLayout({ children }: { children: React.ReactNode }) {
@@ -37,6 +37,10 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
<Handshake className="w-5 h-5 text-white/60" />
Partnerler
</Link>
<Link href="/admin/users" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
<Shield className="w-5 h-5 text-white/60" />
Yöneticiler
</Link>
</nav>
<div className="mt-auto border-t border-white/10 pt-4">

156
app/admin/(dashboard)/partners/AddPartnerModal.tsx Normal file
View File

@@ -0,0 +1,156 @@
"use client";
import { useState } from "react";
import { Plus, X, Save, AlertCircle } from "lucide-react";
import { createPartnerAdmin } from "../../actions";
import { useRouter } from "next/navigation";
export default function AddPartnerModal() {
const [isOpen, setIsOpen] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const [errorMsg, setErrorMsg] = useState("");
const [name, setName] = useState("");
const [logo, setLogo] = useState<File | null>(null);
const [displayOrder, setDisplayOrder] = useState("0");
const router = useRouter();
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
if (!logo) {
setErrorMsg("Lütfen bir logo görseli seçin.");
return;
}
setIsLoading(true);
setErrorMsg("");
const formData = new FormData();
formData.append("name", name);
formData.append("logo", logo);
formData.append("display_order", displayOrder);
const res = await createPartnerAdmin(formData);
setIsLoading(false);
if (res.error) {
setErrorMsg(res.error);
} else {
// Success
setIsOpen(false);
setName("");
setLogo(null);
setDisplayOrder("0");
router.refresh();
}
};
return (
<>
<button
onClick={() => setIsOpen(true)}
className="bg-primary text-white px-6 py-2 rounded-xl font-bold hover:bg-primary/80 transition-colors flex items-center gap-2 cursor-pointer"
>
<Plus className="w-4 h-4" />
Yeni Partner Ekle
</button>
{isOpen && (
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-sm animate-fadeIn">
<div className="relative w-full max-w-md bg-zinc-950 border border-white/10 rounded-3xl p-6 shadow-2xl space-y-6">
{/* Header */}
<div className="flex justify-between items-center pb-4 border-b border-white/10">
<h2 className="text-xl font-black uppercase tracking-widest text-white">Yeni Partner Ekle</h2>
<button
onClick={() => setIsOpen(false)}
className="text-white/40 hover:text-white transition-colors p-1"
>
<X className="w-5 h-5" />
</button>
</div>
{/* Form */}
<form onSubmit={handleSubmit} className="space-y-4">
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Marka Adı</label>
<input
required
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
placeholder="Örn: ABC A.Ş."
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:border-primary outline-none"
/>
</div>
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Marka Logosu (Görsel Seçin)</label>
<div className="relative flex flex-col items-center justify-center border border-dashed border-white/10 hover:border-primary/50 transition-colors rounded-xl p-4 bg-white/5 cursor-pointer min-h-[100px]">
<input
required={!logo}
type="file"
accept="image/*"
onChange={(e) => {
if (e.target.files && e.target.files[0]) {
setLogo(e.target.files[0]);
}
}}
className="absolute inset-0 opacity-0 cursor-pointer"
/>
{logo ? (
<div className="text-center">
<p className="text-xs text-primary font-bold">{logo.name}</p>
<p className="text-[10px] text-white/40">{(logo.size / 1024).toFixed(1)} KB</p>
</div>
) : (
<div className="text-center space-y-1">
<p className="text-xs text-white/60 font-medium">Görsel seçmek için tıklayın</p>
<p className="text-[9px] text-white/30 uppercase tracking-wider">PNG, JPG veya SVG</p>
</div>
)}
</div>
</div>
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Görünüm Sırası</label>
<input
required
type="number"
value={displayOrder}
onChange={(e) => setDisplayOrder(e.target.value)}
placeholder="0"
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:border-primary outline-none"
/>
</div>
{errorMsg && (
<div className="flex items-center gap-2 text-red-500 text-xs font-bold bg-red-500/10 p-4 rounded-xl">
<AlertCircle className="w-4 h-4 shrink-0" />
<span>{errorMsg}</span>
</div>
)}
<div className="pt-4 flex gap-3">
<button
type="button"
onClick={() => setIsOpen(false)}
className="flex-1 border border-white/10 text-white font-bold py-3 px-6 rounded-xl hover:bg-white/5 transition-colors"
>
İptal
</button>
<button
type="submit"
disabled={isLoading}
className="flex-1 bg-primary text-white font-bold py-3 px-6 rounded-xl hover:bg-primary/80 transition-colors flex items-center justify-center gap-2 disabled:opacity-50"
>
<Save className="w-4 h-4" />
{isLoading ? "Kaydediliyor..." : "Kaydet"}
</button>
</div>
</form>
</div>
</div>
)}
</>
);
}

30
app/admin/(dashboard)/partners/PartnerRow.tsx
View File

@@ -1,8 +1,8 @@
"use client";
import { useState } from "react";
import { Trash2, Save, Edit2, X } from "lucide-react";
import { updatePartner } from "../../actions";
import { Trash2, Save, Edit2, X, Star } from "lucide-react";
import { updatePartner, togglePartnerFeatured } from "../../actions";
import { useRouter } from "next/navigation";
import Image from "next/image";
@@ -11,6 +11,7 @@ export default function PartnerRow({ partner, onDelete }: { partner: any, onDele
const [name, setName] = useState(partner.name);
const [displayOrder, setDisplayOrder] = useState(partner.display_order);
const [isLoading, setIsLoading] = useState(false);
const [isFeatured, setIsFeatured] = useState(partner.is_featured);
const router = useRouter();
const handleSave = async () => {
@@ -25,6 +26,18 @@ export default function PartnerRow({ partner, onDelete }: { partner: any, onDele
}
};
const handleToggleFeatured = async () => {
const nextState = !isFeatured;
setIsFeatured(nextState);
const res = await togglePartnerFeatured(partner.id, nextState);
if (res.success) {
router.refresh();
} else {
setIsFeatured(!nextState);
alert("Öne çıkarma durumu güncellenemedi");
}
};
return (
<tr className="hover:bg-white/[0.02] transition-colors border-b border-white/10 last:border-0">
<td className="px-6 py-4">
@@ -73,6 +86,19 @@ export default function PartnerRow({ partner, onDelete }: { partner: any, onDele
<div className="font-bold text-white tracking-wide">{partner.name}</div>
)}
</td>
<td className="px-6 py-4">
<button
onClick={handleToggleFeatured}
className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-bold transition-all ${
isFeatured
? "bg-yellow-500/10 text-yellow-500 hover:bg-yellow-500/20"
: "bg-white/5 text-white/20 hover:text-white/60 hover:bg-white/10"
}`}
>
<Star className={`w-4 h-4 ${isFeatured ? "fill-yellow-500" : ""}`} />
{isFeatured ? "Öne Çıkarıldı" : "Öne Çıkar"}
</button>
</td>
<td className="px-6 py-4 text-right">
<div className="flex justify-end items-center gap-2">
{isEditing ? (

10
app/admin/(dashboard)/partners/page.tsx
View File

@@ -1,7 +1,7 @@
import { getPartnersAdmin, deletePartner } from '../../actions';
import { Plus } from 'lucide-react';
import { revalidatePath } from 'next/cache';
import PartnerRow from './PartnerRow';
import AddPartnerModal from './AddPartnerModal';
export default async function PartnersAdminPage() {
const partners = await getPartnersAdmin();
@@ -20,10 +20,7 @@ export default async function PartnersAdminPage() {
<h1 className="text-3xl font-black uppercase tracking-widest text-white mb-2">Partnerler</h1>
<p className="text-white/40">Referans markaların listesi.</p>
</div>
<button className="bg-primary text-white px-6 py-2 rounded-xl font-bold hover:bg-primary/80 transition-colors flex items-center gap-2">
<Plus className="w-4 h-4" />
Yeni Partner Ekle
</button>
<AddPartnerModal />
</div>
<div className="bg-zinc-950 border border-white/10 rounded-2xl overflow-hidden shadow-2xl">
@@ -33,6 +30,7 @@ export default async function PartnersAdminPage() {
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40 w-24">Sıra</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">Logo Önizleme</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">Marka Adı</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">Durum</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40 text-right">İşlemler</th>
</tr>
</thead>
@@ -42,7 +40,7 @@ export default async function PartnersAdminPage() {
))}
{(!partners || partners.length === 0) && (
<tr>
<td colSpan={4} className="px-6 py-8 text-center text-white/40">
<td colSpan={5} className="px-6 py-8 text-center text-white/40">
Henüz partner eklenmemiş.
</td>
</tr>

119
app/admin/(dashboard)/users/AddAdminModal.tsx Normal file
View File

@@ -0,0 +1,119 @@
"use client";
import { useState } from "react";
import { Plus, X, Save, AlertCircle } from "lucide-react";
import { createAdminAdmin } from "../../actions";
import { useRouter } from "next/navigation";
export default function AddAdminModal() {
const [isOpen, setIsOpen] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const [errorMsg, setErrorMsg] = useState("");
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
const router = useRouter();
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
setIsLoading(true);
setErrorMsg("");
const formData = new FormData();
formData.append("username", username);
formData.append("password", password);
const res = await createAdminAdmin(formData);
setIsLoading(false);
if (res.error) {
setErrorMsg(res.error);
} else {
setIsOpen(false);
setUsername("");
setPassword("");
router.refresh();
}
};
return (
<>
<button
onClick={() => setIsOpen(true)}
className="bg-primary text-white px-6 py-2 rounded-xl font-bold hover:bg-primary/80 transition-colors flex items-center gap-2 cursor-pointer text-sm"
>
<Plus className="w-4 h-4" />
Yeni Yönetici Ekle
</button>
{isOpen && (
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/85 backdrop-blur-sm animate-fadeIn">
<div className="relative w-full max-w-md bg-zinc-950 border border-white/10 rounded-3xl p-6 shadow-2xl space-y-6">
{/* Header */}
<div className="flex justify-between items-center pb-4 border-b border-white/10">
<h2 className="text-xl font-black uppercase tracking-widest text-white">Yeni Yönetici Ekle</h2>
<button
onClick={() => setIsOpen(false)}
className="text-white/40 hover:text-white transition-colors p-1"
>
<X className="w-5 h-5" />
</button>
</div>
{/* Form */}
<form onSubmit={handleSubmit} className="space-y-4">
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Kullanıcı Adı</label>
<input
required
type="text"
value={username}
onChange={(e) => setUsername(e.target.value)}
placeholder="Örn: ayrisdev"
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:border-primary outline-none"
/>
</div>
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Geçici Şifre</label>
<input
required
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="••••••••"
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:border-primary outline-none"
/>
</div>
{errorMsg && (
<div className="flex items-center gap-2 text-red-500 text-xs font-bold bg-red-500/10 p-4 rounded-xl">
<AlertCircle className="w-4 h-4 shrink-0" />
<span>{errorMsg}</span>
</div>
)}
<div className="pt-4 flex gap-3">
<button
type="button"
onClick={() => setIsOpen(false)}
className="flex-1 border border-white/10 text-white font-bold py-3 px-6 rounded-xl hover:bg-white/5 transition-colors"
>
İptal
</button>
<button
type="submit"
disabled={isLoading}
className="flex-1 bg-primary text-white font-bold py-3 px-6 rounded-xl hover:bg-primary/80 transition-colors flex items-center justify-center gap-2 disabled:opacity-50"
>
<Save className="w-4 h-4" />
{isLoading ? "Kaydediliyor..." : "Kaydet"}
</button>
</div>
</form>
</div>
</div>
)}
</>
);
}

117
app/admin/(dashboard)/users/ChangePasswordModal.tsx Normal file
View File

@@ -0,0 +1,117 @@
"use client";
import { useState } from "react";
import { X, Save, AlertCircle, KeyRound, CheckCircle } from "lucide-react";
import { updateAdminPassword } from "../../actions";
import { useRouter } from "next/navigation";
export default function ChangePasswordModal({ admin }: { admin: { id: number; username: string } }) {
const [isOpen, setIsOpen] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const [errorMsg, setErrorMsg] = useState("");
const [successMsg, setSuccessMsg] = useState("");
const [password, setPassword] = useState("");
const router = useRouter();
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
setIsLoading(true);
setErrorMsg("");
setSuccessMsg("");
const res = await updateAdminPassword(admin.id, password);
setIsLoading(false);
if (res.error) {
setErrorMsg(res.error);
} else {
setSuccessMsg("Şifre başarıyla güncellendi!");
setPassword("");
setTimeout(() => {
setIsOpen(false);
setSuccessMsg("");
router.refresh();
}, 1000);
}
};
return (
<>
<button
onClick={() => setIsOpen(true)}
className="p-2 bg-white/5 text-white/40 rounded-lg hover:bg-primary hover:text-white transition-all cursor-pointer"
title="Şifre Değiştir"
>
<KeyRound className="w-4.5 h-4.5" />
</button>
{isOpen && (
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/85 backdrop-blur-sm animate-fadeIn">
<div className="relative w-full max-w-md bg-zinc-950 border border-white/10 rounded-3xl p-6 shadow-2xl space-y-6">
{/* Header */}
<div className="flex justify-between items-center pb-4 border-b border-white/10">
<div>
<h2 className="text-xl font-black uppercase tracking-widest text-white">Şifre Değiştir</h2>
<p className="text-xs text-white/40 mt-1">"{admin.username}" kullanıcısının şifresini güncelleyin.</p>
</div>
<button
onClick={() => setIsOpen(false)}
className="text-white/40 hover:text-white transition-colors p-1"
>
<X className="w-5 h-5" />
</button>
</div>
{/* Form */}
<form onSubmit={handleSubmit} className="space-y-4">
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Yeni Şifre</label>
<input
required
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="••••••••"
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:border-primary outline-none"
/>
</div>
{errorMsg && (
<div className="flex items-center gap-2 text-red-500 text-xs font-bold bg-red-500/10 p-4 rounded-xl">
<AlertCircle className="w-4 h-4 shrink-0" />
<span>{errorMsg}</span>
</div>
)}
{successMsg && (
<div className="flex items-center gap-2 text-green-500 text-xs font-bold bg-green-500/10 p-4 rounded-xl">
<CheckCircle className="w-4 h-4 shrink-0" />
<span>{successMsg}</span>
</div>
)}
<div className="pt-4 flex gap-3">
<button
type="button"
onClick={() => setIsOpen(false)}
className="flex-1 border border-white/10 text-white font-bold py-3 px-6 rounded-xl hover:bg-white/5 transition-colors"
>
İptal
</button>
<button
type="submit"
disabled={isLoading}
className="flex-1 bg-primary text-white font-bold py-3 px-6 rounded-xl hover:bg-primary/80 transition-colors flex items-center justify-center gap-2 disabled:opacity-50"
>
<Save className="w-4 h-4" />
{isLoading ? "Güncelleniyor..." : "Güncelle"}
</button>
</div>
</form>
</div>
</div>
)}
</>
);
}

104
app/admin/(dashboard)/users/page.tsx Normal file
View File

@@ -0,0 +1,104 @@
import { getAdminsAdmin, deleteAdminAdmin, getCurrentAdmin } from '../../actions';
import { revalidatePath } from 'next/cache';
import { Shield, KeyRound, Trash2 } from 'lucide-react';
import AddAdminModal from './AddAdminModal';
import ChangePasswordModal from './ChangePasswordModal';
export default async function AdminsAdminPage() {
const admins = await getAdminsAdmin();
const currentAdmin = await getCurrentAdmin();
async function handleDelete(formData: FormData) {
'use server';
const id = Number(formData.get('id'));
const res = await deleteAdminAdmin(id);
if (res.error) {
// Usually we want to return feedback, but a simple redirect/refresh works
console.error(res.error);
}
revalidatePath('/admin/users');
}
return (
<div className="space-y-8">
<div className="flex justify-between items-center">
<div>
<h1 className="text-3xl font-black uppercase tracking-widest text-white mb-2">Yöneticiler</h1>
<p className="text-white/40">Sistem yöneticileri ve erişim kontrolü.</p>
</div>
<AddAdminModal />
</div>
<div className="bg-zinc-950 border border-white/10 rounded-2xl overflow-hidden shadow-2xl">
<table className="w-full text-left border-collapse">
<thead>
<tr className="border-b border-white/10 bg-white/[0.02]">
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">ID</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">Kullanıcı Adı</th>
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-white/40">Oluşturulma Tarihi</th>
<th className="px-6 py-4 text-right text-[10px] font-bold uppercase tracking-widest text-white/40">İşlemler</th>
</tr>
</thead>
<tbody className="divide-y divide-white/5">
{admins.map((admin: any) => {
const isSelf = admin.username === currentAdmin;
return (
<tr key={admin.id} className="hover:bg-white/[0.01] transition-colors">
<td className="px-6 py-4 text-sm text-white/40 font-mono">#{admin.id}</td>
<td className="px-6 py-4">
<div className="flex items-center gap-3">
<div className={`p-1.5 rounded-lg ${isSelf ? 'bg-primary/20 text-primary' : 'bg-white/5 text-white/60'}`}>
<Shield className="w-4 h-4" />
</div>
<div className="font-bold text-white tracking-wide">
{admin.username}
{isSelf && (
<span className="ml-2 bg-primary/20 text-primary text-[9px] font-black uppercase tracking-widest px-2 py-0.5 rounded-md">
Siz
</span>
)}
</div>
</div>
</td>
<td className="px-6 py-4 text-sm text-white/60">
{new Date(admin.created_at).toLocaleDateString('tr-TR', {
year: 'numeric',
month: 'long',
day: 'numeric',
hour: '2-digit',
minute: '2-digit'
})}
</td>
<td className="px-6 py-4 text-right">
<div className="flex justify-end items-center gap-3">
{/* Change Password */}
<ChangePasswordModal admin={admin} />
{/* Delete Admin */}
{!isSelf && (
<form action={handleDelete} onSubmit={(e) => {
if (!confirm(`${admin.username} yöneticisini silmek istediğinize emin misiniz?`)) {
e.preventDefault();
}
}} className="inline">
<input type="hidden" name="id" value={admin.id} />
<button
type="submit"
className="p-2 bg-red-500/10 text-red-500 rounded-lg hover:bg-red-500 hover:text-white transition-all cursor-pointer"
title="Yöneticiyi Sil"
>
<Trash2 className="w-4.5 h-4.5" />
</button>
</form>
)}
</div>
</td>
</tr>
);
})}
</tbody>
</table>
</div>
</div>
);
}

188
app/admin/actions.ts
View File

@@ -3,25 +3,84 @@
import sql from '@/lib/db';
import { cookies } from 'next/headers';
import { redirect } from 'next/navigation';
import { uploadToCloudinary } from '@/lib/cloudinary';
import crypto from 'crypto';
function hashPassword(password: string): string {
return crypto.createHash('sha256').update(password).digest('hex');
}
export async function ensureAdminsTable() {
try {
await sql`
CREATE TABLE IF NOT EXISTS admins (
id SERIAL PRIMARY KEY,
username VARCHAR(100) UNIQUE NOT NULL,
password VARCHAR(255) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
)
`;
const result = await sql`SELECT count(*) FROM admins`;
if (Number(result[0].count) === 0) {
const defaultPass = hashPassword(process.env.ADMIN_PASSWORD || 'admin123');
await sql`
INSERT INTO admins (username, password)
VALUES ('admin', ${defaultPass})
`;
console.log("Admins table seeded with default user 'admin'");
}
// Add is_featured column to partners table if it doesn't exist
await sql`
ALTER TABLE partners ADD COLUMN IF NOT EXISTS is_featured BOOLEAN DEFAULT false
`;
} catch (e) {
console.error("Error ensuring admins table:", e);
}
}
export async function login(prevState: any, formData: FormData) {
const password = formData.get('password') as string;
if (password === process.env.ADMIN_PASSWORD) {
const cookieStore = await cookies();
cookieStore.set('admin_session', 'authenticated', {
httpOnly: true,
secure: process.env.NODE_ENV === 'production',
maxAge: 60 * 60 * 24 * 7, // 1 week
path: '/',
});
redirect('/admin');
try {
await ensureAdminsTable();
const username = (formData.get('username') as string || 'admin').trim();
const password = formData.get('password') as string;
const hashed = hashPassword(password);
const users = await sql`
SELECT * FROM admins
WHERE username = ${username} AND password = ${hashed}
`;
if (users.length > 0) {
const cookieStore = await cookies();
cookieStore.set('admin_session', 'authenticated', {
httpOnly: true,
secure: process.env.NODE_ENV === 'production',
maxAge: 60 * 60 * 24 * 7, // 1 week
path: '/',
});
cookieStore.set('admin_user', username, {
httpOnly: true,
secure: process.env.NODE_ENV === 'production',
maxAge: 60 * 60 * 24 * 7,
path: '/',
});
redirect('/admin');
}
return { error: 'Hatalı kullanıcı adı veya şifre' };
} catch (e: any) {
console.error("Login error:", e);
return { error: 'Giriş sırasında hata oluştu: ' + (e.message || '') };
}
return { error: 'Hatalı şifre' };
}
export async function logout() {
const cookieStore = await cookies();
cookieStore.delete('admin_session');
cookieStore.delete('admin_user');
redirect('/admin/login');
}
@@ -231,12 +290,18 @@ export async function deletePartner(id: number) {
export async function createPartnerAdmin(formData: FormData) {
try {
const name = formData.get('name') as string;
const logo = formData.get('logo') as string;
const logoFile = formData.get('logo') as File;
let logoUrl = '';
if (logoFile && logoFile.size > 0) {
logoUrl = await uploadToCloudinary(logoFile, 'partners');
}
const display_order = Number(formData.get('display_order')) || 0;
await sql`
INSERT INTO partners (name, logo, display_order)
VALUES (${name}, ${logo}, ${display_order})
VALUES (${name}, ${logoUrl}, ${display_order})
`;
return { success: true };
} catch (e: any) {
@@ -258,3 +323,100 @@ export async function updatePartner(id: number, name: string, display_order: num
}
}
export async function getAdminsAdmin() {
try {
await ensureAdminsTable();
return await sql`SELECT id, username, created_at FROM admins ORDER BY id ASC`;
} catch (e) {
console.error("Error getting admins:", e);
return [];
}
}
export async function createAdminAdmin(formData: FormData) {
try {
await ensureAdminsTable();
const username = (formData.get('username') as string).trim();
const password = formData.get('password') as string;
if (!username || !password) {
return { error: 'Kullanıcı adı ve şifre gereklidir.' };
}
const hashed = hashPassword(password);
await sql`
INSERT INTO admins (username, password)
VALUES (${username}, ${hashed})
`;
return { success: true };
} catch (e: any) {
console.error('Error creating admin:', e);
if (e.message?.includes('unique constraint')) {
return { error: 'Bu kullanıcı adı zaten alınmış.' };
}
return { error: 'Ekleme başarısız: ' + (e.message || 'Bilinmeyen hata') };
}
}
export async function updateAdminPassword(id: number, newPassword: string) {
try {
await ensureAdminsTable();
if (!newPassword || newPassword.length < 4) {
return { error: 'Şifre en az 4 karakter olmalıdır.' };
}
const hashed = hashPassword(newPassword);
await sql`
UPDATE admins
SET password = ${hashed}
WHERE id = ${id}
`;
return { success: true };
} catch (e: any) {
console.error('Error updating admin password:', e);
return { error: 'Şifre güncellenemedi.' };
}
}
export async function deleteAdminAdmin(id: number) {
try {
await ensureAdminsTable();
// Prevent deleting the last remaining admin
const adminsCount = await sql`SELECT count(*) FROM admins`;
if (Number(adminsCount[0].count) <= 1) {
return { error: 'Sistemde en az bir yönetici bulunmalıdır. Son yönetici silinemez!' };
}
await sql`
DELETE FROM admins
WHERE id = ${id}
`;
return { success: true };
} catch (e) {
console.error('Error deleting admin:', e);
return { error: 'Silinemedi.' };
}
}
export async function getCurrentAdmin() {
const cookieStore = await cookies();
return cookieStore.get('admin_user')?.value || 'admin';
}
export async function togglePartnerFeatured(id: number, isFeatured: boolean) {
try {
await sql`
UPDATE partners
SET is_featured = ${isFeatured}
WHERE id = ${id}
`;
return { success: true };
} catch (e) {
console.error('Error toggling partner featured:', e);
return { error: 'Öne çıkarma durumu güncellenemedi' };
}
}

12
app/admin/login/page.tsx
View File

@@ -20,6 +20,18 @@ export default function LoginPage() {
</div>
<form action={formAction} className="space-y-6">
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Kullanıcı Adı</label>
<input
type="text"
name="username"
defaultValue="admin"
required
className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-white/20 focus:border-[#1e9a83] focus:ring-1 focus:ring-[#1e9a83] outline-none transition-all"
placeholder="örn: admin"
/>
</div>
<div className="space-y-2">
<label className="text-[10px] font-bold uppercase tracking-widest text-white/40 ml-1">Şifre</label>
<input

3
app/contact/page.tsx
View File

@@ -1,5 +1,3 @@
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import Contact from "@/components/Contact";
import { Metadata } from "next";
@@ -20,7 +18,6 @@ export default function ContactPage() {
return (
<main className="min-h-screen bg-[#f5f5f0] text-black pt-12">
<Contact />
<Footer />
</main>
);
}

4
app/globals.css
View File

@@ -16,11 +16,13 @@
--border: rgba(0, 0, 0, 0.1);
}
html,
body {
max-width: 100vw;
overflow-x: hidden;
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-martian), monospace;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}

5
app/page.tsx
View File

@@ -1,9 +1,7 @@
import Navbar from "@/components/Navbar";
import Hero from "@/components/Hero";
import SelectedWorks from "@/components/SelectedWorks";
import Partners from "@/components/Partners";
import ServicesGrid from "@/components/ServicesGrid";
import Footer from "@/components/Footer";
import SelectedWorks from "@/components/SelectedWorks";
export default function Home() {
return (
@@ -12,7 +10,6 @@ export default function Home() {
<Partners />
<ServicesGrid />
<SelectedWorks />
<Footer />
</main>
);
}

5
app/partners/page.tsx
View File

@@ -1,6 +1,4 @@
import { getPartners } from "@/app/actions";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import { Metadata } from "next";
import PartnersList from "@/components/PartnersList";
@@ -22,7 +20,6 @@ export default async function PartnersPage() {
return (
<main className="min-h-screen bg-[#f5f5f0] text-black pt-24">
<Navbar />
<section className="pt-24 pb-16 px-6 md:px-12 border-b border-black/10">
<div className="max-w-7xl mx-auto">
@@ -50,8 +47,6 @@ export default async function PartnersPage() {
</a>
</div>
</section>
<Footer />
</main>
);
}

5
app/services/[slug]/[location]/page.tsx
View File

@@ -1,6 +1,4 @@
import { getServiceBySlug, getLocationBySlug, getProjectsByService, getSettings } from "@/app/actions";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import Image from "next/image";
import Link from "next/link";
import { ArrowRight, CheckCircle2 } from "lucide-react";
@@ -121,7 +119,6 @@ export default async function ServiceLocationPage({ params }: Props) {
return (
<main className="min-h-screen bg-[#f5f5f0] text-black pt-24">
<Navbar />
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbLd) }}
@@ -245,8 +242,6 @@ export default async function ServiceLocationPage({ params }: Props) {
</Link>
</div>
</section>
<Footer />
</main>
);
}