Hoe wij WebFocus bouwden: Een kijkje in de keuken

We geloven in 'practice what you preach'. Onze eigen website is het levende bewijs van onze filosofie: snelheid, esthetiek en moderne techniek.

De Stack

• Next.js 16 (App Router): Voor server-side rendering en routing.
• Tailwind CSS v4: Voor styling zonder runtime overhead.
• Supabase: Als backend voor onze formulieren en data.
• Framer Motion: Voor de soepele animaties die je ziet.

Server Actions

Een van de krachtigste features die we gebruiken zijn Server Actions. Hiermee kunnen we server-side logica (zoals het versturen van een email of opslaan in de database) direct aanroepen vanuit onze componenten, zonder aparte API routes te hoeven maken.

// Voorbeeld van een Server Action
export async function submitForm(formData: FormData) {
  "use server";
  
  const rawData = {
    email: formData.get("email"),
    message: formData.get("message"),
  };

  // Directe database interactie, veilig op de server
  await db.insert(rawData);
}
        

Conclusie

Door te kiezen voor deze moderne stack, hebben we een website die niet alleen mooi is, maar ook extreem performant en onderhoudbaar. Dit is de kwaliteit die we ook voor onze klanten leveren.