Zum Inhalt springen
AV Webdesign

Websites, die mehr können als gut aussehen

Eigener Code statt Baukasten: Wir programmieren genau die Funktionen, die Ihr Projekt braucht.

Angebotsrechner auf der Website von Gerüstbau Wellhorn

Individuelle Funktionen

Wenn Ihre Website mehr können soll als Inhalte zeigen, programmieren wir die passende Funktion dazu: einen mehrstufigen Angebotsrechner, einen Mitgliedsantrag mit Altersabfrage, eine Booking-Anfrage oder einen Konzertkalender. Alles entsteht mit Next.js, React und TypeScript direkt als Teil Ihrer Website.

Produktseite im Merch-Shop von Saor Patrol

Online-Shops, selbst programmiert

Statt eines Shop-Systems von der Stange bauen wir Ihren Online-Shop mit unserer hauseigenen Shop-Software: mit Warenkorb, Zahlung über Stripe und Bestellungen, die Sie direkt im CMS verwalten. Eine Shop-Statistik im Admin-Bereich zeigt Ihnen, was sich verkauft, und auf Wunsch übersetzt DeepL Ihre Inhalte automatisch in weitere Sprachen.

Next.js & React

Jede Website programmieren wir individuell mit Next.js und React, ohne Theme und ohne Vorlage. Seiten werden wo möglich statisch vorgerendert und laden dadurch schnell. Das Design setzen wir mit Tailwind CSS und shadcn/ui als eigenes Design-System im Code um, Animationen mit GSAP oder Motion und, wenn es das Projekt verlangt, auch in 3D mit Three.js.

TypeScript

Unseren Code schreiben wir in TypeScript im strikten Modus. Datentypen werden schon beim Programmieren geprüft, viele Fehler fallen dadurch auf, bevor sie online gehen. Dazu kommen ESLint und automatisierte Tests mit Vitest und Playwright, die Formulare und Abläufe im Browser durchspielen. So bleibt der Code auch dann verständlich und wartbar, wenn Ihre Website wächst.

Schnittstellen & APIs

Ihre Website soll mit anderen Diensten zusammenarbeiten? Wir binden externe Schnittstellen an und schreiben eigene API-Routen in Next.js. Zahlungen im Online-Shop laufen zum Beispiel über Stripe, Inhalte in mehreren Sprachen übersetzt DeepL automatisch. Anfragen aus Formularen wie einem Angebotsrechner oder einer Booking-Anfrage verarbeiten wir serverseitig in eigenen API-Routen.

Datenbank & Hosting

Inhalte und Daten liegen in einer PostgreSQL-Datenbank bei Supabase, Bilder und Dateien auf Vercel Blob. Gehostet wird auf Vercel: Jede Änderung am Code wird automatisch veröffentlicht und über ein weltweites Edge-Netzwerk ausgeliefert. Mit Vercel Analytics und Speed Insights lässt sich zusätzlich verfolgen, wie Ihre Website besucht wird und wie schnell sie lädt.

Jede Codezeile soll auch in ein paar Jahren noch verständlich sein. Deshalb setzen wir auf TypeScript im strikten Modus, klare Komponenten und automatisierte Tests. Ob neue Funktion oder Anpassung einer bestehenden Seite: Ihre Website bleibt so langfristig flexibel und gut zu pflegen.

Worauf Sie sich bei unserem Code verlassen können

Drei Grundsätze, nach denen wir jede Website und jede Funktion bauen

Wenig Angriffsfläche

Ihre Website besteht aus eigenem, typgeprüftem Code statt aus vielen Erweiterungen von Drittanbietern. Formulare verarbeiten wir serverseitig, Daten liegen in einer Postgres-Datenbank bei Supabase.

Kurze Ladezeiten

Seiten werden wo möglich statisch vorgerendert und über das weltweite Edge-Netzwerk von Vercel ausgeliefert. Das sorgt für kurze Ladezeiten auf jedem Gerät.

Erweiterbar

Wir bauen aus wiederverwendbaren React-Komponenten und eigenen Sammlungen im CMS. So lässt sich Ihre Website später um neue Seiten und Funktionen erweitern, ohne von vorn anzufangen.

Was soll Ihre Website können?

Ein Rechner, ein Buchungsformular oder eine Anbindung an ein anderes System: Erzählen Sie uns, was Sie vorhaben. Wir sagen Ihnen ehrlich, wie wir es umsetzen würden und womit Sie rechnen können.

Sie planen eine neue Website oder einen Shop?

Ob fertiges Konzept oder erste Idee: Melden Sie sich. Wir hören zu und sagen Ihnen ehrlich, was wir empfehlen.

  • Persönlich statt Ticket
  • Erstgespräch kostenlos
  • Angebot schriftlich und transparent

Vinzent Hemann

AV Webdesign, Bückeburg

+49 176 31075114
info@av-webdesign.de