Leistung 02 / Webentwicklung
Webentwicklung,die in 5 Jahrennoch genauso läuft.
Webentwicklung
Webentwicklung ist die technische Umsetzung einer Webseite, eines Webshops oder einer Webanwendung — vom Frontend-Code im Browser über das CMS bis zur Datenbank und Infrastruktur. Bei soy. webdesign in Stuttgart bauen wir mit Next.js, React und TypeScript auf modernen Standards (App Router, Server Components, Edge-Runtime), kombiniert mit Headless-CMS wie Payload, Sanity oder Strapi. Ergebnis: Seiten, die Core Web Vitals dauerhaft erfüllen, in Suchmaschinen und KI-Suchen gut zitierbar sind und auch in fünf Jahren noch gepflegt und erweitert werden können — ohne Lock-in, ohne Page-Builder-Schulden.
Preis & Zeitrahmen
- Standard-Webseite (Next.js + CMS)
- 12.000–25.000 €
- Webshop
- 20.000–60.000 €
- Webanwendung / SaaS-MVP
- ab 35.000 €
- Standard-Dauer
- 6–16 Wochen
- Wartung
- ab 290 € / Monat
/ 01
Unser Stack — bewusst eng, bewusst aktuell
Wir setzen auf wenige, gut beherrschte Werkzeuge. Das ist langweiliger als der Tech-Trend-Zoo, aber es bedeutet: weniger Fehler, schnellere Releases, weniger Onboarding-Kosten, wenn jemand neues ins Team kommt — bei euch oder bei uns.
- Frontend: Next.js 16 (App Router, Server Components, Turbopack), React 19, TypeScript strict.
- Styling: Tailwind v4 mit Design Tokens, keine CSS-in-JS-Runtime.
- CMS: Payload 3 (Node-nativ in Next), Sanity, Strapi, oder WordPress mit Gutenberg-Blocks.
- Backend / API: Node.js, tRPC oder REST, Postgres oder MySQL, Redis für Cache.
- E-Commerce: Gambio (PHP, eigene Module), Shopware 6, oder Headless mit Stripe/Paddle.
- Infrastructure: Docker auf Netcup-Rootserver oder Hetzner, Vercel, oder kundeneigenes Hosting.
/ 02
Was wir konkret bauen
Drei Projekttypen machen 90 % unserer Arbeit aus — und sie haben alle eines gemeinsam: am Ende läuft im Browser sehr wenig JavaScript, das CMS ist schnell, und die Seite kann ohne uns weiterentwickelt werden.
- Webseiten und Marken-Portale mit individuellen Designsystemen, mehrsprachig, redaktionell pflegbar.
- Webshops auf Gambio (Pokejoy als Eigenprojekt mit fünfstelliger Kundenbasis), Shopware oder headless.
- Webanwendungen mit User-Logik, Authentifizierung, eigenen Datenmodellen und Anbindung an Drittsysteme.
/ 03
Performance, Core Web Vitals und SEO
Eine Webentwicklung 2026 muss von Grund auf für Performance gebaut sein. Wir liefern Seiten, die Largest Contentful Paint unter 1,5 Sekunden, Cumulative Layout Shift unter 0,1 und Interaction to Next Paint unter 200 Millisekunden erreichen. Wir benutzen Server Components für statische Inhalte, Streamen Daten progressiv, generieren Open-Graph-Bilder am Edge und stellen sicher, dass JSON-LD-Schema, hreflang, canonical Tags und sitemap.xml automatisch und korrekt erzeugt werden.
/ 04
Sicherheit, DSGVO und Compliance
Jedes Projekt wird mit dieser Baseline ausgeliefert: Content-Security-Policy mit dichter Whitelist, HSTS, X-Frame-Options, korrekte Cookie-Flags (Secure + SameSite), DSGVO-konformer Cookie-Consent mit Script-Blocker (nur explizit zugestimmte Drittskripte werden geladen), Hosting in Deutschland oder EU. CSRF-Schutz und Rate-Limiting in jedem Formular und jeder API-Route. Nichts davon ist optional.
/ 05
Wartung und Weiterentwicklung
Eine Webentwicklung endet nicht beim Launch. Wir bieten Wartungspakete ab 290 € im Monat: Sicherheits-Updates für Framework und Dependencies, Backup-Monitoring, kleinere Anpassungen, vierteljährliche Performance- und SEO-Reviews. Größere Erweiterungen rechnen wir nach Aufwand. Verträge sind monatlich kündbar.
FAQ
Antworten, bevor du fragst.
Mit welchen Technologien arbeitet ihr in der Webentwicklung?
Frontend: Next.js, React, TypeScript, Tailwind. Backend: Node.js, PHP (Laravel/Gambio), Postgres, MySQL, Redis. CMS: Payload, Sanity, Strapi, WordPress (Gutenberg). Hosting: Docker auf Netcup oder Hetzner, Vercel, oder bei euch on-prem.
Was kostet eine Webanwendung?
Eine kleine Anwendung (z. B. ein internes Dashboard mit Login und CRUD-Operationen) startet bei 18.000 €. Mittlere Plattformen mit User-Rollen, Zahlungsabwicklung und API-Integrationen liegen bei 35.000–80.000 €. Komplexe SaaS-Produkte beginnen ab 80.000 € und werden nach Sprints abgerechnet.
Warum Next.js und nicht WordPress oder ein Pagebuilder?
Pagebuilder (Elementor, Divi, etc.) versprechen Geschwindigkeit beim Bau, kosten aber dauerhaft an Performance, SEO und Wartbarkeit. Next.js liefert vollständige Kontrolle, beste Core Web Vitals, einfache Skalierung und ein Frontend, das in fünf Jahren noch verstanden und erweitert werden kann. Für reine Content-Webseiten kombinieren wir Next.js mit einem Headless-CMS — die Redaktion bekommt einen sauberen Editor, das Frontend bleibt schnell.
Bietet ihr Headless-Commerce an?
Ja. Wir verbinden Next.js mit kommerziellen Backends wie Shopify Plus, Commercetools oder Saleor und bauen das gesamte Frontend (Listing, PDP, Checkout) maßgeschneidert. Alternativ klassisch mit Gambio oder Shopware, je nach Projektgröße und Budget.
Wie geht ihr mit DSGVO um?
Hosting in Deutschland oder EU. Cookie-Consent mit Script-Blocker (Drittskripte werden erst nach Einwilligung geladen). Eigene Analytics-Lösungen wie Plausible oder Matomo (selbstgehostet) statt Google Analytics, wo möglich. Auftragsverarbeitungsverträge mit allen Sub-Dienstleistern.
Wie lange dauert eine individuelle Webentwicklung?
Standard-Webseite mit Headless-CMS: 6–10 Wochen. Webshop: 10–16 Wochen. Webanwendung mit Custom-Backend: 12–24 Wochen, je nach Komplexität. Wir liefern alle 2 Wochen einen lauffähigen Sprint-Stand.
Macht ihr auch nur Frontend, wenn wir das Backend selbst haben?
Ja. Wenn ihr ein bestehendes Backend, eine bestehende API oder ein Headless-CMS habt, bauen wir nur das Frontend mit Next.js dazu. Das ist häufig bei Migrationsprojekten oder Headless-Commerce der Fall.
Wie sieht die Übergabe und Dokumentation aus?
Code im eigenen Git-Repository (GitHub oder GitLab), README mit Setup-Anleitung, deployment.md mit Infrastruktur-Übersicht, ARCHITECTURE.md mit den wichtigsten Entscheidungen. Eine Stunde Live-Schulung pro Rolle (Editor, Entwickler, Admin) ist Standardteil der Lieferung.
Lass uns dein nächstes Webprojekt entwickeln.
Briefing schicken oder Meeting buchen — Antwort innerhalb von 24 Stunden.