Next.js development services for fast, SEO-friendly websites

// Build every post ahead of time,
// then refresh it in the background every minute
export const revalidate = 60;

export async function generateStaticParams() {
  const posts = await getPosts();
  return posts.map((post) => ({ slug: post.slug }));
}

// Unique title, description and preview for every page
export async function generateMetadata({ params }) {
  const { slug } = await params;
  const service = await getService(slug);
  return {
    title: service.seoTitle,
    description: service.summary,
    alternates: { canonical: `/services/${slug}` },
    openGraph: { images: [service.image] },
  };
}

"use server";
// Runs only on the server: the API key never reaches the browser
export async function sendLead(formData: FormData) {
  const email = String(formData.get("email") ?? "");
  if (!email.includes("@")) return { error: "Invalid email" };

  await fetch(process.env.CRM_WEBHOOK_URL!, {
    method: "POST",
    body: JSON.stringify({ email }),
  });
}

// Later: add a client dashboard next to your marketing pages
import { requireUser } from "@/lib/auth";
import { BookingsTable } from "@/components/bookings-table";

export default async function Dashboard() {
  const user = await requireUser();
  return <BookingsTable userId={user.id} />;
}