- Exploring the world of fullstack development, architecture, and developer productivity. Sharing what I learn along the way.
+ Exploring the world of fullstack development, architecture, and
+ developer productivity. Sharing what I learn along the way.
- {blog.excerpt || "No excerpt available for this post. Click to read the full article."}
+ {blog.excerpt ||
+ "No excerpt available for this post. Click to read the full article."}
{blog.tags.slice(0, 2).map((tag: any) => (
-
+
{tag.name}
diff --git a/src/app/api/dashboard/cms/site-config/route.ts b/src/app/api/dashboard/cms/site-config/route.ts
new file mode 100644
index 0000000..160f885
--- /dev/null
+++ b/src/app/api/dashboard/cms/site-config/route.ts
@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
+import { z } from "zod";
+
+const contactSchema = z.object({
+ name: z.string().min(2, "Name must be at least 2 characters"),
+ email: z.string().email("Invalid email address"),
+ subject: z.string().min(4, "Subject must be at least 4 characters"),
+ message: z.string().min(10, "Message must be at least 10 characters"),
+});
+
+export async function GET() {
+ try {
+ const siteConfig = await prisma.siteConfig.findFirst();
+ return NextResponse.json({ success: true, data: siteConfig });
+ } catch (error) {
+ console.error("Site config error:", error);
+ return NextResponse.json(
+ { success: false, error: "Failed to get site config" },
+ { status: 500 },
+ );
+ }
+}
+
+export async function POST(request: NextRequest) {
+ try {
+ const body = await request.json();
+ const parsed = contactSchema.safeParse(body);
+
+ if (!parsed.success) {
+ return NextResponse.json(
+ { success: false, error: parsed.error.errors[0].message },
+ { status: 400 },
+ );
+ }
+
+ const { name, email, subject, message } = parsed.data;
+
+ await prisma.contactMessage.create({
+ data: { name, email, subject, message },
+ });
+
+ return NextResponse.json({
+ success: true,
+ message: "Message received! I will get back to you soon.",
+ });
+ } catch (error) {
+ console.error("Contact form error:", error);
+ return NextResponse.json(
+ { success: false, error: "Failed to send message. Please try again." },
+ { status: 500 },
+ );
+ }
+}
diff --git a/src/app/api/health/route.ts b/src/app/api/health/route.ts
new file mode 100644
index 0000000..59767b2
--- /dev/null
+++ b/src/app/api/health/route.ts
@@ -0,0 +1,12 @@
+export const dynamic = "force-dynamic";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+ return NextResponse.json(
+ {
+ status: "ok",
+ timestamp: new Date().toISOString(),
+ },
+ { status: 200 },
+ );
+}
diff --git a/src/components/sections/portfolio/ContactSection.tsx b/src/components/sections/portfolio/ContactSection.tsx
index f60f20d..75e144c 100644
--- a/src/components/sections/portfolio/ContactSection.tsx
+++ b/src/components/sections/portfolio/ContactSection.tsx
@@ -1,58 +1,60 @@
-'use client'
+"use client";
-import { useState } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
-import { useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { z } from 'zod'
-import { Send, CheckCircle2, Mail, MapPin, Clock } from 'lucide-react'
-import type { ContactFormData } from '@/types'
+import { useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { Send, CheckCircle2, Mail, MapPin, Clock } from "lucide-react";
+import type { ContactFormData } from "@/types";
const schema = z.object({
- name: z.string().min(2, 'Name must be at least 2 characters'),
- email: z.string().email('Please enter a valid email'),
- subject: z.string().min(4, 'Subject must be at least 4 characters'),
- message: z.string().min(10, 'Message must be at least 10 characters'),
-})
+ name: z.string().min(2, "Name must be at least 2 characters"),
+ email: z.string().email("Please enter a valid email"),
+ subject: z.string().min(4, "Subject must be at least 4 characters"),
+ message: z.string().min(10, "Message must be at least 10 characters"),
+});
const contactInfo = [
- { icon: Mail, label: 'Email', value: 'hello@yourportfolio.dev' },
- { icon: MapPin, label: 'Location', value: 'Indonesia' },
- { icon: Clock, label: 'Response time', value: 'Within 24 hours' },
-]
+ { icon: Mail, label: "Email", value: "developer@dzulfikri.com" },
+ { icon: MapPin, label: "Location", value: "Indonesia" },
+ { icon: Clock, label: "Response time", value: "Within 24 hours" },
+];
export function ContactSection() {
- const [status, setStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle')
- const [errorMsg, setErrorMsg] = useState('')
+ const [status, setStatus] = useState<
+ "idle" | "loading" | "success" | "error"
+ >("idle");
+ const [errorMsg, setErrorMsg] = useState("");
const {
register,
handleSubmit,
reset,
formState: { errors },
- } = useForm({ resolver: zodResolver(schema) })
+ } = useForm({ resolver: zodResolver(schema) });
const onSubmit = async (data: ContactFormData) => {
- setStatus('loading')
+ setStatus("loading");
try {
- const res = await fetch('/api/contact', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
+ const res = await fetch("/api/contact", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
body: JSON.stringify(data),
- })
- const json = await res.json()
+ });
+ const json = await res.json();
if (json.success) {
- setStatus('success')
- reset()
+ setStatus("success");
+ reset();
} else {
- setErrorMsg(json.error || 'Something went wrong')
- setStatus('error')
+ setErrorMsg(json.error || "Something went wrong");
+ setStatus("error");
}
} catch {
- setErrorMsg('Network error. Please try again.')
- setStatus('error')
+ setErrorMsg("Network error. Please try again.");
+ setStatus("error");
}
- }
+ };
return (
@@ -103,7 +105,7 @@ export function ContactSection() {
className="lg:col-span-2 space-y-4"
>
{contactInfo.map((item) => {
- const Icon = item.icon
+ const Icon = item.icon;
return (