Development · LIVE


Ich baue keine Templates — ich baue Maschinen.

Next.js, TypeScript, Tailwind. Jede Zeile Code gehört dir. Performance, SEO und Skalierbarkeit von Tag 1. Kein WordPress, kein Baukasten, kein Vendor Lock-in.

DIESE SEITE · gemessenDOM TRANSFER REQUESTS
< 1s
Ladezeit
0
Plugins
100%
TypeScript
100%
Code Ownership
§ 02 · ZERO BLOAT07.15.26

Jede Zahl rechts ist das, was eine typische WordPress-Seite mitbringt. Jede Zahl ganz rechts ist, was mein Stack braucht.

Plugins
0
WordPress
0
webmeon
Bundle
0KB
WordPress
0KB
webmeon
Requests
0
WordPress
0
webmeon
Layer
0
WordPress
0
webmeon
§ 02.5 · LEITSATZ

Performance kommt nicht durch mehr Features, sondern durch deren Abwesenheit. Jedes Plugin, jede Abhängigkeit, jede Zeile Code ist eine Entscheidung — meistens die falsche.

§ 03 · DIAGNOSE07.15.26

WP · WAS KAPUTT IST

Das WordPress-Problem

WordPress war 2010 eine gute Lösung. Heute ist es ein Sicherheitsrisiko mit Ladezeitproblemen.

  • Lighthouse Score unter 50 — Google bestraft das aktiv
  • 47 Plugins die bei jedem Update brechen können
  • 4-8 Sekunden Ladezeit auf Mobile — 53% der Besucher sind weg
  • Shared Hosting das bei Traffic-Spitzen zusammenbricht
  • PHP-Sicherheitslücken die monatlich gepatcht werden müssen
  • Themes die 2MB JavaScript laden für einen Button-Hover-Effekt
NEXT.JS · WIE ES GEHT

Die moderne Alternative

Ich migriere dich zu einer Architektur die für Performance und SEO gebaut ist — nicht dagegen.

  • Server-Side Rendering für perfekte SEO — Google sieht deinen Content sofort
  • Edge Caching auf Vercel — deine Seite lädt unter 1 Sekunde weltweit
  • TypeScript Strict Mode — keine Runtime-Errors, keine Überraschungen
  • Keine Plugins, keine Themes, keine Abhängigkeiten — nur dein Code
  • Automatische Deployments — git push und deine Änderung ist live
  • Core Web Vitals alle grün — LCP, FID, CLS bestanden
§ 04 · CODE07.15.26

WORDPRESS · PHP · template-file
1<?php
2/* Template Name: Landing */
3get_header();
4while (have_posts()) {
5 the_post();
6 if (function_exists('yoast_breadcrumb')) {
7 yoast_breadcrumb();
8 }
9 echo do_shortcode('[elementor-template id=42]');
10}
11get_footer();
12?>

Shortcodes, Pagebuilder-Templates, Plugin-Functions. Logik versteckt in DB-Configs und Theme-Files.

NEXT.JS · TSX · Server-Component
1export default async function Page() {
2 const posts = await db.posts.findMany()
3 return (
4 <main>
5 <Hero />
6 <PostList posts={posts} />
7 </main>
8 )
9}

Reine Funktion, typsicher, async-first. Was passiert, steht hier. Keine versteckten Plugins.

§ 05 · HANDWERK

Kein Pagebuilder, kein Template-Marketplace. Deine Seite ist geschriebener Code — lesbar, versionierbar, dein Eigentum.

§ 06 · FEATURES07.15.26

Jede Zeile Code auf Performance, SEO und Skalierbarkeit optimiert.

F.01

Sub-Second Loading

Optimierte Bilder (WebP/AVIF), Code Splitting, Tree Shaking, Edge Caching. Deine Seite laedt unter 1 Sekunde — auf jedem Geraet, in jedem Land.

F.02

TypeScript Strict

Type-Safety über die gesamte Codebase. Jede Variable, jede Funktion, jeder API-Call ist typsicher. Bugs werden beim Schreiben gefunden, nicht in Production.

F.03

SEO Architecture

Server-Side Rendering, automatische Sitemap, robots.txt, Canonical URLs, Open Graph, JSON-LD Structured Data. Von Grund auf für Google gebaut.

F.04

100% Custom Code

Kein WordPress, kein Template, kein Page Builder. Du besitzt jede Zeile Code, jedes Pixel. Das Repository läuft auf deinem GitHub — kein Vendor Lock-in.

F.05

Component Architecture

React Server Components, wiederverwendbare UI-Bibliothek, Design System. Neue Features bauen heißt Components zusammenstecken — nicht von vorn anfangen.

F.06

Core Web Vitals

LCP unter 2.5s, FID unter 100ms, CLS unter 0.1. Nicht als nachträgliche Optimierung — sondern als Grundlage der Architektur.

§ 07 · ARBEITEN01 / 05
Barbershop · Graz
Onkel Fade
Live · onkelfade.at
auto · ←→ navigieren
§ 08 · PERFORMANCE07.15.26

Typische Referenzmessung auf webmeon-Builds. Dein Projekt wird im Scope auf konkrete Zielwerte geschrieben, nicht auf Versprechen.

0
Performance
0
Accessibility
0
Best Practices
0
SEO
LCP 0.6sziel < 2.5sINP 80 msziel < 200msCLS 0.00ziel < 0.1
§ 08.5 · LEITSATZ

Sie sind das Nebenprodukt guter Entscheidungen — getroffen, bevor die erste Zeile Code steht. Architektur vor Implementierung, Messung vor Meinung.

§ 09 · WORKFLOW07.15.26

STEP.01

Audit

Ich analysiere deine bestehende Seite: Lighthouse, Search Console, PageSpeed, Wettbewerber.

STEP.02

Architecture

Routen-Struktur, Component-Tree, SEO-Schema, Performance-Budget. Alles geplant bevor eine Zeile Code entsteht.

STEP.03

Development

Iterative Entwicklung in Wochensprints. Du bekommst jeden Freitag eine Live-Preview zum Testen.

STEP.04

Migration

SEO-sichere Migration: 301 Redirects, DNS Switch, SSL, Search Console Verifizierung. Kein Ranking geht verloren.

§ 10 · DEPLOYMENT07.15.26

Keine FTP-Uploads, keine manuellen Schritte. Der Weg vom Code auf deinem Rechner bis zum Browser deiner Kunden — versioniert, typsicher, reproduzierbar.

01

git push

Branch-basierte Previews, Main = Prod. Jeder Commit wird gecheckt.

02

CI / Build

Typecheck, Tests, Next-Build. Bricht bei Fehlern, kein Silent-Pass.

03

Edge Deploy

Statisch auf Vercel/Cloudflare verteilt. 310 PoPs weltweit.

04

Live · Monitor

Sentry + Uptime-Checks. Error-Rate-Alerts in Echtzeit.

§ 11 · VERGLEICH07.15.26

KriteriumWordPressNext.js (mein Stack)
Ladezeit4-8 Sekunden< 1 Sekunde
JavaScript2+ MB (jQuery, Plugins)< 5 kB (Custom)
SicherheitPlugin-Patches nötigKeine Angriffsfläche
SEOClient-Side RenderingServer-Side Rendering
HostingShared ServerEdge Network (weltweit)
UpdatesPlugins brechen regelmäßigGit-basiert, versioniert
OwnershipTheme + Plugin Abhängigkeit100% dein Code
Klare weiße Glas-Architektur mit Wireframe-Gerüst — Sinnbild für sauber von Grund auf gebauten Code
● Custom-Coded · Zero Bloat

Sauber gebaut. Von Grund auf.

§ 12 · FRAGEN07.15.26

Q.01Kann ich meine WordPress-Inhalte migrieren?+

Ja. Ich übernehme alle Texte, Bilder und SEO-Daten. Jede bestehende URL bekommt einen 301 Redirect auf die neue Seite. Kein einziges Ranking geht verloren.

Q.02Brauche ich technisches Wissen?+

Nein. Ich baue, deploye und erkläre dir das Admin-Interface. Du brauchst nur einen Browser. Für Content-Änderungen richte ich ein CMS oder eine einfache Bearbeitungs-Oberfläche ein.

Q.03Wie lange dauert die Entwicklung?+

Eine Standard-Website steht in 2-3 Wochen. Mit KI-Features (Chatbot, Self-Healing SEO) rechne mit 4-6 Wochen. Du bekommst wöchentliche Live-Previews.

Q.04Was kostet das?+

Vier Webdesign-Pakete: Onepager ab 1.500 €, Basic ab 2.500 € (4 Seiten + Legals), Pro ab 3.500 € (10 Seiten + Blog/CMS), VIP ab 4.500 € (unlimitierte Seiten + Custom-Features). Web-Apps, mehrsprachige Plattformen oder KI-Integration als individuelles Angebot. Den Fixpreis bekommst du schriftlich im Scope, bevor irgendwas gebaut wird — Zahlung 40/40/20 meilensteinbasiert.

§ 13 · PREISE07.15.26

Vier Webdesign-Pakete als Startpunkt — die ab-Preise zeigen, wo ein Paket beginnt, den Fixpreis bekommst du schriftlich im Scope, bevor irgendwas gebaut wird. Web-Apps, mehrsprachige Plattformen oder Spezial-Features gibt es als individuelles Angebot — jedes Bedürfnis ist einzigartig. Zahlung 40/40/20, meilensteinbasiert, MWSt exkl. (Kleinunternehmer).

W.01Onepager
ab1.500

Eine Seite, alles auf einer Achse — Hero, Services, Über, Kontakt. Für Selbstständige und kleine Studios, die schnell und sauber online sein wollen.

  • 1 Seite + Legals
  • Mobile-first Design
  • SEO-Grundlage
  • 1 Iteration
W.02Basic
ab2.500

Vier Hauptseiten plus Datenschutz und Impressum. Für Solo-Dienstleister, Praxen und kleine KMU mit klarem Service-Angebot.

  • 4 Seiten + Legals
  • Kontaktformular
  • Local-SEO-Grundlage
  • 2 Iterationen
W.03Pro
ab3.500

Zehn Seiten plus Blog/CMS und erweiterte SEO. Für KMU mit Service-Vielfalt, Multi-Location oder Content-Marketing-Ambitionen.

  • 10 Seiten + Blog/CMS
  • Service-Detailseiten
  • Analytics + Monitoring
  • 3 Iterationen
W.04VIP
ab4.500

Unlimitierte Seiten plus Custom-Features — Buchung, Kundenbereich, KI-Chat, mehrsprachig. Für Premium-Marken und internationale Märkte.

  • Unlimitierte Seiten
  • Custom Features
  • Mehrsprachig + KI-Chat
  • 4 Iterationen
W.05Individuell
Außerhalb des Rasters? Auf Anfrage.

Web-Apps, mehrsprachige Plattformen, KI-Integration, Multi-Brand-Architekturen, Migrations-Projekte oder Spezial-Features — jedes Bedürfnis ist einzigartig. Beratung immer kostenlos, schriftliches Angebot mit klarem Scope.

§ 14 · KOSTENLOSE ANALYSE07.15.26
§ 15 · KOSTENLOSE ANALYSE

30-Minuten-Call, konkrete Einschätzung: was brauchst du, welcher Scope und welches Budget. Kein Verkauf, kein Fluff — oder frag direkt Aira.

Termin buchen →