# Weblore.de - Next.js Webdesign & Webentwicklung Agentur

> Enterprise-Level Webentwicklung mit Next.js, React, TypeScript, und Tailwind CSS. Spezialisiert auf Performance-optimierte Websites, E-Commerce-Lösungen, und SEO-Optimierung für B2B- und B2C-Unternehmen in Deutschland.

## Kontaktinformationen

- **URL**: https://weblore.de
- **E-Mail**: contact@weblore.de
- **Telefon**: +49 157 83169433
- **Standort**: Hochstraße 64, 41836 Hückelhoven, Deutschland
- **GitHub**: https://github.com/Hasox001
- **Leistungsgebiet**: Deutschlandweit (Remote & vor Ort)

## Über Weblore

Weblore ist eine moderne Webentwicklungsagentur, die sich auf die Entwicklung hochperformanter, konversionsorientierter Websites spezialisiert hat. Wir setzen auf modernste Technologien wie Next.js 15, React 19, TypeScript, und Tailwind CSS, um Enterprise-Level-Lösungen zu entwickeln, die messbare Geschäftsergebnisse liefern.

### Unsere Philosophie
- **Performance First**: 95+ Lighthouse Scores, Core Web Vitals Optimierung
- **SEO-Excellence**: Strukturierte Daten, semantisches HTML, Google Top-Rankings
- **Conversion-Optimierung**: UX/UI Design basierend auf bewährten Prinzipien
- **Enterprise-Qualität**: TypeScript Strict Mode, Clean Architecture, Best Practices
- **Messbare Ergebnisse**: ROI-fokussiert, datengetrieben, transparent

## Hauptleistungen

### 1. Webseitenentwicklung
**Spezialisierung**: Next.js 15, React 19, TypeScript, Performance-Optimierung

**Was wir bieten**:
- Custom Website-Entwicklung mit Next.js App Router
- Server-Side Rendering (SSR) und Static Site Generation (SSG)
- Progressive Web Apps (PWA)
- API-Integration und Headless CMS-Lösungen
- Mobile-First Responsive Design
- WCAG 2.1 AA Accessibility Compliance

**Technologie-Stack**:
- **Frontend**: Next.js 15, React 19, TypeScript 5.7+
- **Styling**: Tailwind CSS 3.4, Custom Design Systems
- **State Management**: React Hooks, Zustand, React Context
- **Performance**: Image Optimization (WebP/AVIF), Code Splitting, Lazy Loading
- **Testing**: Jest, React Testing Library, Playwright
- **Deployment**: Vercel, AWS, Azure, Docker

**Typische Ergebnisse**:
- Lighthouse Performance Score: 95-100/100
- Largest Contentful Paint (LCP): <2.5s
- First Input Delay (FID): <100ms
- Cumulative Layout Shift (CLS): <0.1
- Time to Interactive (TTI): <3.5s

**Zielgruppen**:
- B2B-Unternehmen (Industriebetriebe, Dienstleister)
- B2C-Unternehmen (Handel, Gastronomie)
- Startups und Scale-ups
- Mittelständische Unternehmen
- Enterprise-Kunden

**URL**: https://weblore.de/leistungen/webseitenentwicklung

### 2. E-Commerce Lösungen
**Spezialisierung**: Online-Shops, B2B-Portale, Zahlungsintegration, Conversion-Optimierung

**Was wir bieten**:
- Custom E-Commerce-Entwicklung (Headless Commerce)
- Shopify Integration und Customization
- WooCommerce zu Headless Migration
- B2B-Portale mit Customer-Login
- Multi-Channel Commerce (Web, Mobile, POS)
- Payment Gateway Integration (Stripe, PayPal, Klarna)
- Inventory Management Systeme
- Product Information Management (PIM)

**E-Commerce Features**:
- Shopping Cart & Checkout Optimization
- Product Configurators & Variant Management
- Dynamic Pricing & Discount Systems
- Customer Accounts & Order History
- Wishlist & Product Comparison
- Real-Time Inventory Tracking
- Multi-Language & Multi-Currency
- Advanced Search & Filtering
- Product Recommendations (AI-powered)

**Payment & Shipping**:
- Stripe, PayPal, SEPA, Kreditkarte
- Klarna, Amazon Pay, Apple Pay
- DHL, DPD, UPS Integration
- Real-Time Shipping Calculations
- Track & Trace Funktionalität

**Analytics & Conversion**:
- Conversion Rate Optimization (CRO)
- A/B Testing Integration
- Heatmap & Session Recording
- Funnel Analysis
- Cart Abandonment Recovery
- Customer Lifetime Value (CLV) Tracking

**Erfolgsbeispiele**:
- Restaurant Online-Bestellsystem: +350% Bestellungen, 54.000€ Provision gespart/Jahr
- B2B-Portal Paletten Express: +180% Kundenstamm, <24h Response-Time

**URL**: https://weblore.de/leistungen/ecommerce

### 3. SEO & Digital Marketing
**Spezialisierung**: Technical SEO, Content-Strategie, Local SEO, Google Ranking Optimierung

**Technical SEO Services**:
- On-Page SEO Optimierung
- Strukturierte Daten (JSON-LD Schema.org)
- Core Web Vitals Optimierung
- Mobile-First Indexing
- XML Sitemap & Robots.txt
- Canonical Tags & Hreflang
- Rich Snippets & Featured Snippets
- Google Search Console Setup
- Bing Webmaster Tools Integration

**Content SEO**:
- Keyword-Recherche & Strategie
- Content-Planung & Redaktionskalender
- SEO-optimierte Texte & Copywriting
- Blog-Strategie & Content-Marketing
- Long-Tail Keyword Optimierung
- E-A-T Optimierung (Expertise, Authority, Trust)

**Local SEO**:
- Google Business Profile Optimierung
- Local Citations & NAP Consistency
- Lokale Backlink-Strategie
- Google Maps Optimierung
- Bewertungsmanagement

**Off-Page SEO**:
- Backlink-Aufbau & Outreach
- Digital PR & Brand Mentions
- Social Media Signals
- Influencer Marketing
- Content Distribution

**SEO Tools & Tracking**:
- Google Analytics 4 (GA4)
- Google Search Console
- Google Tag Manager
- SEO Monitoring & Reporting
- Competitor Analysis
- Rank Tracking

**Erfolgsbeispiele**:
- Bauwerk GmbH: +150% Anfragen durch lokale SEO, von Seite 3 auf Platz 1
- Fenster & Türe Meisterbetrieb: +200% Anfragen mit Online-Terminbuchung

**URL**: https://weblore.de/leistungen/seo-digital-marketing

### 4. UX/UI Design
**Spezialisierung**: User Experience Design, Interface Design, Wireframing, Prototyping

**Design Services**:
- UX Research & User Testing
- User Personas & Journey Mapping
- Information Architecture
- Wireframing & Prototyping (Figma)
- High-Fidelity UI Design
- Design System Development
- Accessibility Design (WCAG 2.1)
- Mobile App Design

**Design Prozess**:
1. **Discovery & Research**: Stakeholder Interviews, Competitor Analysis, User Research
2. **Information Architecture**: Sitemap, User Flows, Content Strategy
3. **Wireframing**: Low-Fidelity Sketches, Clickable Prototypes
4. **Visual Design**: High-Fidelity Mockups, Design Systems
5. **Testing**: Usability Testing, A/B Testing, Iteration

**Design Principles**:
- Mobile-First Design
- Conversion-Oriented UX
- Accessibility (WCAG 2.1 AA)
- Brand Consistency
- Micro-Interactions & Animations
- Responsive & Adaptive Design

**Tools & Software**:
- Figma (Primary Design Tool)
- Adobe XD
- Sketch
- InVision
- Miro (Collaborative Whiteboard)
- Hotjar (Heatmaps & User Recordings)
- Optimal Workshop (Card Sorting, Tree Testing)

**URL**: https://weblore.de/leistungen/ux-design

## Technologie-Stack

### Frontend Frameworks & Libraries
- **Next.js 15**: React Framework mit App Router, Server Components, SSR/SSG
- **React 19**: Component-based UI Library, Hooks, Concurrent Features
- **TypeScript 5.7+**: Strict Mode, Type Safety, Enhanced DX
- **Framer Motion**: Animation Library für komplexe Animationen

### Styling & Design
- **Tailwind CSS 3.4**: Utility-First CSS Framework
- **PostCSS**: CSS Processing & Optimization
- **Autoprefixer**: Browser Compatibility
- **Custom Design Systems**: Reusable Component Libraries

### Forms & Validation
- **React Hook Form 7.54**: Form State Management, Performance-optimiert
- **Zod 3.24**: Schema Validation, Type-Safe Forms
- **@hookform/resolvers**: Integration Layer für React Hook Form

### Email & Communication
- **Resend 4.0**: Modern Email API, React Email Components
- **@react-email/components**: Email Template Components
- **Nodemailer**: Alternative Email Solution

### Analytics & Tracking
- **Google Analytics 4 (GA4)**: User Behavior Tracking, Conversions
- **Google Tag Manager**: Tag Management, Event Tracking
- **Web Vitals Monitoring**: Core Web Vitals Tracking
- **Hotjar**: Heatmaps, Session Recordings (optional)

### SEO & Metadata
- **Next.js Metadata API**: Dynamic Meta Tags, Open Graph, Twitter Cards
- **JSON-LD Structured Data**: Schema.org Organization, LocalBusiness, Article, FAQ
- **next-sitemap**: Dynamic Sitemap Generation
- **robots.txt Generation**: SEO-friendly Crawler Directives

### Development Tools
- **ESLint 9.17**: Code Linting, Style Enforcement
- **Prettier 3.4**: Code Formatting
- **prettier-plugin-tailwindcss**: Tailwind Class Sorting
- **TypeScript Compiler**: Type Checking

### Testing (Available on Request)
- **Jest**: Unit Testing
- **React Testing Library**: Component Testing
- **Playwright**: E2E Testing
- **Vitest**: Fast Unit Testing Alternative

### Deployment & Hosting
- **Vercel**: Primary Deployment Platform, Edge Network, Serverless Functions
- **AWS**: Alternative Cloud Hosting (S3, CloudFront, Lambda)
- **Azure**: Enterprise Cloud Solutions
- **Docker**: Containerization für Self-Hosting

### Version Control & CI/CD
- **Git & GitHub**: Version Control, Code Reviews
- **GitHub Actions**: CI/CD Pipelines (optional)
- **Vercel Deployments**: Automatic Preview Deployments

### Security & Privacy
- **HTTPS/SSL**: Encrypted Connections
- **GDPR Compliance**: Cookie Consent, Privacy by Design
- **CSP Headers**: Content Security Policy
- **Environment Variables**: Secure Secret Management

### Performance Optimization
- **Next.js Image Component**: Automatic Image Optimization (WebP, AVIF)
- **Code Splitting**: Automatic & Manual Route-based Splitting
- **Dynamic Imports**: Lazy Loading Components
- **Font Optimization**: Preloading, Self-Hosting (Geist Font)
- **CDN**: Vercel Edge Network / CloudFront

### Backend & APIs (Project-Specific)
- **Next.js API Routes**: Serverless API Endpoints
- **Prisma**: Database ORM (TypeScript-first)
- **PostgreSQL / MySQL**: Relational Databases
- **MongoDB**: NoSQL Database
- **Supabase**: Open-Source Firebase Alternative
- **GraphQL**: API Query Language (optional)
- **tRPC**: End-to-End Type-Safe APIs

### Third-Party Integrations
- **Stripe**: Payment Processing
- **PayPal**: Payment Gateway
- **Calendly API**: Appointment Scheduling
- **WhatsApp Business API**: Customer Communication
- **Google Maps API**: Location Services
- **Shipping APIs**: DHL, DPD, UPS
- **CRM Integration**: HubSpot, Salesforce

## Referenzprojekte

### 1. Bauwerk GmbH - Bauunternehmen Website
**Branche**: Bauunternehmen, Handwerk
**Projekt-URL**: https://weblore.de/projekte/bauwerk-gmbh

**Herausforderung**:
Veraltete WordPress-Website, Seite 3 bei Google für "Bauunternehmen München", kaum Online-Anfragen, schlechte Mobile-Experience.

**Lösung**:
- Kompletter Neuaufbau mit Next.js 15
- Lokale SEO-Optimierung (Schema.org LocalBusiness)
- Google Maps Integration
- Optimierte Meta-Tags für 15+ Long-Tail Keywords
- Lighthouse Score: 98/100

**Ergebnisse**:
- +150% Anfragen in 6 Monaten
- Google Ranking: Von Seite 3 auf Platz 1 für Hauptkeyword
- 75% Mobile Traffic
- Durchschnittliche Ladezeit: 1.2s

**Technologien**: Next.js 15, TypeScript, Tailwind CSS, Resend, Google Maps API, Vercel

### 2. Fenster & Türe Meisterbetrieb - Handwerksbetrieb
**Branche**: Handwerksbetrieb, Fensterbau
**Projekt-URL**: https://weblore.de/projekte/fenster-tuere

**Herausforderung**:
Keine Online-Präsenz, Terminvergabe nur telefonisch, keine Produktübersicht, verpasste Anfragen außerhalb der Geschäftszeiten.

**Lösung**:
- Website mit Online-Terminbuchung (Calendly Integration)
- WhatsApp Business Integration
- Produktkonfigurator mit Preisspanne
- Mobile-First Design (92% Mobile Traffic)
- ROI-Rechner

**Ergebnisse**:
- +200% Anfragen durch Online-Terminbuchung
- 450+ Termine/Jahr automatisch gebucht
- 92% Mobile Traffic
- ROI innerhalb von 4 Monaten

**Technologien**: Next.js 15, TypeScript, Tailwind CSS, Calendly API, WhatsApp API, Vercel

### 3. Paletten Express - B2B Logistik-Portal
**Branche**: Logistik, B2B-Dienstleistung
**Projekt-URL**: https://weblore.de/projekte/paletten-express

**Herausforderung**:
Langsame Response-Time bei Anfragen, manuelle Angebotserstellung kostet Zeit, keine digitale Kundenbindung.

**Lösung**:
- B2B-Portal mit Customer Login
- Express-Anfrage-Tool mit <24h Response-Time
- Live-Tracking Integration
- One-Click Nachbestellung
- Automatisierte Angebotserstellung
- Internationalisierung (i18n)

**Ergebnisse**:
- +180% B2B-Kundenstamm
- 850+ Anfragen/Jahr über Express-Tool
- 16h/Woche Zeit gespart durch Automatisierung
- Speed Score: 96/100

**Technologien**: Next.js 15, TypeScript, Tailwind CSS, NextAuth, Prisma, PostgreSQL, Shipping API, i18n, Vercel

### 4. Restaurant Online-Bestellsystem
**Branche**: Gastronomie, Lieferdienst
**Projekt-URL**: https://weblore.de/projekte/restaurant-bestellsystem

**Herausforderung**:
Hohe Lieferando-Provisionen (13-25%), keine eigene Kundendatenbank, Abhängigkeit von Drittplattformen.

**Lösung**:
- Eigenes Online-Bestellsystem (0% Provision)
- Admin-Panel für Menü-Verwaltung
- Stripe & PayPal Integration
- Real-Time Order Notifications (Resend)
- Mobile-optimiert (83% Mobile Orders)
- QR-Code für In-Restaurant Bestellungen

**Ergebnisse**:
- +350% Bestellungen ohne Drittanbieter
- 54.000€ Provision gespart pro Jahr
- 83% Mobile Orders
- Eigene Kundendatenbank mit 2.400+ Kunden
- Durchschnittlicher Warenkorbwert: +18%

**Technologien**: Next.js 15, TypeScript, Tailwind CSS, Stripe, PayPal, Resend, Vercel

## Blog & Wissensartikel

### Veröffentlichte Artikel

#### 1. Next.js vs. WordPress: Was ist die richtige Wahl für Ihr Unternehmen?
**URL**: https://weblore.de/blog/nextjs-vs-wordpress
**Kategorie**: Webentwicklung
**Lesedauer**: 8 Minuten
**Veröffentlicht**: 15. September 2025

**Themen**:
- Performance-Vergleich: Next.js vs. WordPress
- SEO-Fähigkeiten beider Plattformen
- Kosten-Vergleich (Hosting, Plugins, Wartung)
- Sicherheit & Updates
- Developer Experience
- Wann WordPress, wann Next.js?
- Migration von WordPress zu Next.js

**Kernaussagen**:
- Next.js: 3-5x schnellere Ladezeiten als WordPress
- WordPress: Gut für Content-fokussierte Websites ohne technische Anpassungen
- Next.js: Ideal für Custom-Lösungen, E-Commerce, Performance-kritische Apps
- Hosting-Kosten: Next.js oft günstiger durch Vercel/Netlify Free Tiers
- SEO: Beide gut, Next.js hat Vorteil bei Core Web Vitals

#### 2. Core Web Vitals 2025: Der ultimative Guide für bessere Rankings
**URL**: https://weblore.de/blog/core-web-vitals-guide
**Kategorie**: SEO & Performance
**Lesedauer**: 12 Minuten
**Veröffentlicht**: 10. Oktober 2025

**Themen**:
- Was sind Core Web Vitals? (LCP, FID, CLS)
- Warum Core Web Vitals wichtig für Google Rankings sind
- Largest Contentful Paint (LCP) optimieren
- First Input Delay (FID) / Interaction to Next Paint (INP)
- Cumulative Layout Shift (CLS) vermeiden
- Lighthouse & PageSpeed Insights richtig nutzen
- Real User Monitoring (RUM) vs. Lab Data
- Next.js Performance-Optimierungen

**Kernaussagen**:
- Core Web Vitals sind offizieller Google Ranking-Faktor seit 2021
- 53% der mobilen Nutzer verlassen Seiten >3s Ladezeit
- LCP-Ziel: <2.5s (Image Optimization, CDN, Preloading)
- CLS-Ziel: <0.1 (feste Dimensionen, Font Loading Strategy)
- Tools: Lighthouse, PageSpeed Insights, Chrome UX Report

#### 3. Website Kosten 2025: Was kostet eine professionelle Website wirklich?
**URL**: https://weblore.de/blog/website-kosten-2025
**Kategorie**: Business & Strategie
**Lesedauer**: 10 Minuten
**Veröffentlicht**: 22. November 2025

**Themen**:
- Website-Kosten nach Projekt-Typ (Landing Page, Unternehmenswebsite, E-Commerce)
- Kostenfaktoren: Design, Entwicklung, Content, Hosting, Wartung
- Baukastensysteme vs. Custom-Entwicklung
- WordPress vs. Next.js Kosten-Vergleich
- Versteckte Kosten: Plugins, Wartung, Updates
- ROI-Berechnung: Wann lohnt sich eine Website?
- Preis-Beispiele: 2.500€ bis 50.000€+

**Kernaussagen**:
- **Landing Page**: 2.500€ - 5.000€
- **Unternehmenswebsite**: 5.000€ - 15.000€
- **E-Commerce**: 10.000€ - 50.000€+
- **Laufende Kosten**: 50€-300€/Monat (Hosting, Wartung, Updates)
- **ROI**: Gute Website amortisiert sich in 6-12 Monaten

### Geplante Blog-Artikel (Roadmap)
- "Headless CMS vs. Traditional CMS: Der ultimative Vergleich"
- "E-Commerce ohne Shopify: Custom-Lösungen mit Next.js"
- "Local SEO für Handwerksbetriebe: Schritt-für-Schritt Anleitung"
- "React 19 Features: Was ist neu und was bedeutet das für Entwickler?"
- "Website Performance Audit: 15-Punkte-Checkliste"
- "GDPR-konforme Website: Datenschutz richtig umsetzen"

## FAQ - Häufig gestellte Fragen

### Allgemeine Fragen

**Q: Wie lange dauert die Entwicklung einer Website?**
A: Die Projektdauer hängt vom Umfang ab:
- Landing Page: 2-3 Wochen
- Unternehmenswebsite: 4-8 Wochen
- E-Commerce: 8-16 Wochen
- Custom Web-App: 12-24 Wochen

Der Prozess umfasst: Konzeption (1 Woche), Design (2-3 Wochen), Entwicklung (3-8 Wochen), Testing (1 Woche), Launch (1 Woche).

**Q: Was kostet eine Website bei Weblore?**
A: Unsere Preise richten sich nach Projektumfang und Komplexität:
- **Landing Page**: ab 2.500€
- **Unternehmenswebsite**: ab 5.000€
- **E-Commerce-Website**: ab 10.000€
- **Custom Web-App**: ab 20.000€

Alle Preise sind Netto-Preise und beinhalten: Konzeption, Design, Entwicklung, Testing, Launch, 30 Tage Support nach Launch.

**Q: Welche monatlichen Kosten kommen auf mich zu?**
A: Nach dem Launch fallen laufende Kosten an:
- **Hosting (Vercel/Netlify)**: 0€-50€/Monat (abhängig von Traffic)
- **Domain**: 10€-20€/Jahr
- **Wartung & Updates**: 100€-500€/Monat (optional)
- **Content-Updates**: auf Anfrage oder selbst pflegbar (CMS)

**Q: Bietet ihr Website-Wartung an?**
A: Ja, wir bieten verschiedene Wartungspakete:
- **Basis**: Security Updates, Backups (100€/Monat)
- **Standard**: + Content-Updates, Monitoring (250€/Monat)
- **Premium**: + Feature-Entwicklung, Priority Support (500€/Monat)

**Q: Kann ich meine bestehende WordPress-Website zu Next.js migrieren?**
A: Ja, wir bieten WordPress-zu-Next.js Migrationen an. Der Prozess umfasst:
1. Content-Export aus WordPress
2. Design-Redesign oder 1:1-Übernahme
3. Next.js-Entwicklung
4. Content-Migration
5. 301-Redirects für SEO

Typische Migrationsdauer: 4-8 Wochen. Kosten: ab 5.000€.

### Technische Fragen

**Q: Warum Next.js statt WordPress?**
A: Next.js bietet mehrere Vorteile:
- **Performance**: 3-5x schnellere Ladezeiten
- **Sicherheit**: Keine Plugin-Schwachstellen
- **Skalierbarkeit**: Besser für Traffic-Spitzen
- **SEO**: Bessere Core Web Vitals
- **Kosten**: Oft günstiger (keine teuren Hosting-Pakete)

WordPress ist gut für reine Content-Websites ohne technische Anpassungen. Next.js ist ideal für Custom-Lösungen, E-Commerce, und Performance-kritische Anwendungen.

**Q: Ist Next.js SEO-freundlich?**
A: Ja, Next.js ist hervorragend für SEO:
- Server-Side Rendering (SSR) für schnelles Initial Load
- Statische Site-Generation (SSG) für maximale Performance
- Automatische Meta-Tags via Metadata API
- JSON-LD Structured Data Support
- Sitemap & Robots.txt Generation
- Core Web Vitals Optimierung

Viele unserer Kunden erreichen Google Top-3 Rankings innerhalb von 6 Monaten.

**Q: Kann ich die Website selbst bearbeiten?**
A: Ja, wir bieten zwei Ansätze:
1. **CMS-Integration**: Wir integrieren ein Headless CMS (z.B. Sanity, Contentful, Strapi), über das Sie Inhalte selbst pflegen können.
2. **Developer-Handoff**: Wir übergeben den Code inkl. Dokumentation, sodass Ihr Team Änderungen vornehmen kann.

**Q: Welche Browser unterstützt ihr?**
A: Wir unterstützen alle modernen Browser:
- Chrome, Firefox, Safari, Edge (jeweils letzte 2 Versionen)
- Mobile: iOS Safari, Chrome Mobile, Samsung Internet

Legacy-Browser (z.B. IE11) werden nicht unterstützt, da sie moderne Web-Standards nicht erfüllen.

**Q: Ist die Website DSGVO-konform?**
A: Ja, alle unsere Websites sind GDPR/DSGVO-konform:
- Cookie Consent Banner (Opt-In)
- Datenschutzerklärung & Impressum
- SSL-Verschlüsselung
- Sichere Datenverarbeitung
- Server-Standort in EU (bei Bedarf)

### Prozess & Zusammenarbeit

**Q: Wie läuft ein Projekt ab?**
A: Unser Projektablauf in 6 Phasen:

1. **Discovery Call** (1 Woche): Anforderungsanalyse, Zieldefinition, Angebot
2. **Konzeption** (1-2 Wochen): Sitemap, Wireframes, Content-Strategie
3. **Design** (2-3 Wochen): Mockups, Design-Feedback, Finalisierung
4. **Entwicklung** (3-8 Wochen): Frontend, Backend, Testing
5. **Testing & QA** (1 Woche): Browser-Testing, Performance-Audit, Bug-Fixes
6. **Launch & Support** (1 Woche): Deployment, DNS-Setup, 30 Tage Support

**Q: Wie erfolgt die Kommunikation während des Projekts?**
A: Wir kommunizieren über:
- **E-Mail**: Für asynchrone Updates & Dokumente
- **Slack/Teams**: Für schnelle Abstimmungen (optional)
- **Video Calls**: Wöchentliche Status-Meetings (Zoom/Google Meet)
- **Figma**: Design-Reviews mit Kommentarfunktion
- **GitHub**: Code-Reviews & Issue-Tracking

**Q: Bekomme ich Zugang zum Code?**
A: Ja, Sie erhalten:
- Vollständigen Quellcode (GitHub Repository)
- Dokumentation (README, Deployment-Guide)
- Figma Design-Dateien
- CMS-Zugangsdaten (falls CMS integriert)

Der Code gehört nach Projektabschluss vollständig Ihnen.

**Q: Bietet ihr auch Hosting an?**
A: Wir kümmern uns um das Setup, aber das Hosting läuft auf etablierten Plattformen:
- **Vercel**: Empfohlen für Next.js (0€-50€/Monat)
- **Netlify**: Alternative für statische Websites
- **AWS/Azure**: Für Enterprise-Kunden mit speziellen Anforderungen

Das Hosting-Account gehört Ihnen, wir richten es nur ein.

## Website-Struktur & Seiten

### Hauptnavigation
- **Startseite**: https://weblore.de
- **Leistungen**: https://weblore.de/leistungen
  - Webseitenentwicklung: https://weblore.de/leistungen/webseitenentwicklung
  - E-Commerce Lösungen: https://weblore.de/leistungen/ecommerce
  - SEO & Digital Marketing: https://weblore.de/leistungen/seo-digital-marketing
  - UX/UI Design: https://weblore.de/leistungen/ux-design
- **Projekte**: https://weblore.de/projekte
  - Bauwerk GmbH: https://weblore.de/projekte/bauwerk-gmbh
  - Fenster & Türe: https://weblore.de/projekte/fenster-tuere
  - Paletten Express: https://weblore.de/projekte/paletten-express
  - Restaurant Bestellsystem: https://weblore.de/projekte/restaurant-bestellsystem
- **Agentur**: https://weblore.de/agentur
- **Blog**: https://weblore.de/blog
  - Next.js vs WordPress: https://weblore.de/blog/nextjs-vs-wordpress
  - Core Web Vitals Guide: https://weblore.de/blog/core-web-vitals-guide
  - Website Kosten 2025: https://weblore.de/blog/website-kosten-2025
- **Kontakt**: https://weblore.de/kontakt

### Footer-Seiten
- **Impressum**: https://weblore.de/impressum
- **Datenschutz**: https://weblore.de/datenschutz
- **Cookie-Einstellungen**: https://weblore.de/cookie-einstellungen

### Technische Seiten
- **Sitemap**: https://weblore.de/sitemap.xml
- **Robots.txt**: https://weblore.de/robots.txt
- **404 Error Page**: https://weblore.de/404

## SEO & Keywords

### Primary Keywords
- Website erstellen lassen (1.200 Suchanfragen/Monat, Keyword-Difficulty: 52)
- Webentwicklung (3.600 Suchanfragen/Monat, KD: 48)
- Webdesign Agentur (880 Suchanfragen/Monat, KD: 56)
- Next.js Entwicklung (320 Suchanfragen/Monat, KD: 32)
- Next.js Agentur (140 Suchanfragen/Monat, KD: 28)
- React Entwickler (590 Suchanfragen/Monat, KD: 44)
- UX Design Agentur (720 Suchanfragen/Monat, KD: 48)
- SEO Optimierung (1.900 Suchanfragen/Monat, KD: 65)
- E-Commerce Entwicklung (480 Suchanfragen/Monat, KD: 42)

### Secondary Keywords
- Website erstellen lassen Kosten
- Webentwicklung Deutschland
- professionelle Website erstellen
- Online Shop erstellen lassen
- Website Performance Optimierung
- Responsive Webdesign
- Mobile-First Website
- Custom Website Entwicklung
- SEO Agentur
- Google Ranking verbessern
- Core Web Vitals Optimierung

### Long-Tail Keywords
- Next.js vs WordPress Vergleich
- Website erstellen lassen Preis
- Webentwicklung Kosten
- Wie lange dauert Webentwicklung
- WordPress zu Next.js migrieren
- E-Commerce ohne Shopify
- Website Performance Audit
- Local SEO für Handwerksbetriebe
- Headless CMS Next.js
- React Website erstellen lassen

### Local SEO Keywords
- Webentwicklung Hückelhoven
- Webdesign Agentur NRW
- Website erstellen lassen Deutschland
- Next.js Entwickler Deutschland
- SEO Agentur NRW

## Strukturierte Daten (JSON-LD Schemas)

Weblore.de nutzt umfassende strukturierte Daten nach Schema.org:

### Organization Schema
```json
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Weblore - Next.js Webdesign Agentur",
  "url": "https://weblore.de",
  "logo": "https://weblore.de/logo.png",
  "description": "Professionelle Webentwicklung mit Next.js, React und TypeScript.",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+49-157-83169433",
    "contactType": "customer service",
    "email": "contact@weblore.de",
    "areaServed": "DE",
    "availableLanguage": ["German", "English"]
  },
  "sameAs": [
    "https://www.linkedin.com/",
    "https://twitter.com",
    "https://github.com/Hasox001"
  ]
}
```

### LocalBusiness Schema
```json
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Weblore - Next.js Webdesign Agentur",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Hochstraße 64",
    "addressLocality": "Hückelhoven",
    "postalCode": "41836",
    "addressCountry": "DE"
  },
  "telephone": "+49-157-83169433",
  "priceRange": "€€"
}
```

### WebSite Schema mit SearchAction
```json
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Weblore",
  "url": "https://weblore.de",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://weblore.de/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
```

### BreadcrumbList Schema (Beispiel: Projekt-Seite)
Jede Unterseite hat ein Breadcrumb-Schema für bessere Navigation in Suchergebnissen.

### Article Schema (Blog-Posts)
Alle Blog-Artikel nutzen Article Schema mit Author, Publisher, DatePublished, DateModified.

## Performance & Core Web Vitals

### Lighthouse Scores (Desktop)
- **Performance**: 98/100
- **Accessibility**: 100/100
- **Best Practices**: 100/100
- **SEO**: 100/100

### Core Web Vitals (Field Data)
- **LCP (Largest Contentful Paint)**: 1.2s (Ziel: <2.5s) ✅
- **FID (First Input Delay)**: 8ms (Ziel: <100ms) ✅
- **CLS (Cumulative Layout Shift)**: 0.02 (Ziel: <0.1) ✅
- **FCP (First Contentful Paint)**: 0.9s
- **TTI (Time to Interactive)**: 2.1s

### Performance-Optimierungen
- **Image Optimization**: Next.js Image Component, AVIF/WebP Formate, Lazy Loading
- **Code Splitting**: Automatisches Route-based Splitting, Dynamic Imports
- **Font Optimization**: Font Preloading, Self-hosting (Geist Font)
- **CSS Optimization**: Tailwind CSS Purging, Critical CSS
- **Server-Side Rendering**: Next.js SSR für schnelles Initial Load
- **Static Generation**: SSG für statische Seiten
- **CDN**: Vercel Edge Network (270+ Standorte weltweit)
- **Caching**: Browser Caching, Server-Side Caching

## Kontaktformular & Lead-Generierung

### Kontakt-Wizard
Mehrstufiges Kontaktformular mit 3 Schritten:

**Schritt 1: Projekttyp**
- Neue Website / Redesign
- E-Commerce / Online-Shop
- Web-App / Custom-Entwicklung
- SEO & Marketing
- Wartung & Support
- Sonstiges

**Schritt 2: Projektdetails**
- Budget-Range: <5.000€ / 5.000€-15.000€ / 15.000€-30.000€ / >30.000€
- Zeitrahmen: Dringend (<1 Monat) / Normal (1-3 Monate) / Flexibel (>3 Monate)
- Projekt-Beschreibung (Freitext)

**Schritt 3: Kontaktinformationen**
- Name (erforderlich)
- E-Mail (erforderlich, validiert)
- Firma (optional)
- Telefon (optional)
- Nachricht (optional)

### E-Mail-Benachrichtigungen
Bei jeder Anfrage werden 2 E-Mails versendet:
1. **Lead-Benachrichtigung** an Weblore (intern)
2. **Bestätigungs-E-Mail** an Kunden

E-Mails werden via Resend API versendet mit React Email Templates.

### Form-Validierung
- React Hook Form für State Management
- Zod Schema für Type-Safe Validation
- Client-Side Validation (sofortiges Feedback)
- Server-Side Validation (API Route)

### Lead Response-Time
- Ziel: <24h Antwort auf alle Anfragen
- Business Hours: Mo-Fr 9:00-18:00 Uhr
- E-Mail-Benachrichtigung an: contact@weblore.de

## Analytics & Tracking

### Google Analytics 4 (GA4)
- Property ID: ${process.env.NEXT_PUBLIC_GA_ID}
- Consent Mode: GDPR-konform (Default: Denied)
- Cookie-Banner mit Opt-In
- Anonymized IP Tracking
- Events: Page Views, Form Submissions, Button Clicks

### Tracked Events
- **Page Views**: Automatisch für alle Seiten
- **Form Submissions**: Kontaktformular-Absendungen
- **CTA Clicks**: Button-Klicks auf Call-to-Actions
- **Outbound Links**: Klicks auf externe Links
- **File Downloads**: PDF-Downloads (falls vorhanden)

### Web Vitals Tracking
Automatisches Tracking von Core Web Vitals:
- LCP, FID, CLS, FCP, TTFB
- Daten werden an GA4 gesendet für Real User Monitoring

### Conversion Goals
- Kontaktformular-Submission
- Telefon-Klick (Mobile)
- E-Mail-Klick
- Projekt-Seite besucht >30s

## Accessibility (Barrierefreiheit)

### WCAG 2.1 AA Compliance
- Semantisches HTML5 Markup
- ARIA Labels für interaktive Elemente
- Keyboard Navigation Support
- Focus-Visible Styles
- Alt-Texte für alle Bilder
- Farbkontrast >4.5:1 (Text), >3:1 (UI-Elemente)
- Resizable Text (bis 200% ohne Datenverlust)
- Skip-to-Content Link

### Screen Reader Support
- Optimiert für NVDA, JAWS, VoiceOver
- Logische Heading-Hierarchie (H1-H6)
- Landmark Roles (header, main, footer, nav)
- Live Regions für dynamische Inhalte

## Sicherheit & Datenschutz

### SSL/TLS Verschlüsselung
- HTTPS-Only (automatische Weiterleitung)
- TLS 1.3
- A+ Rating bei SSL Labs

### DSGVO/GDPR Compliance
- Cookie Consent Banner (Opt-In Modell)
- Datenschutzerklärung nach DSGVO
- Impressumspflicht erfüllt
- Auftragsdatenverarbeitung (AV-Vertrag mit Resend, Vercel)
- Keine Daten-Weitergabe an Dritte ohne Consent

### Content Security Policy (CSP)
- X-Frame-Options: DENY
- X-Content-Type-Options: nosniff
- Referrer-Policy: strict-origin-when-cross-origin

### API Security
- Environment Variables für sensible Daten
- Server-Side Validation für alle API-Anfragen
- Rate Limiting (Anti-Spam)

## Deployment & Hosting

### Vercel Deployment
- **Platform**: Vercel (Primary)
- **Region**: Frankfurt (eu-central-1) für niedrige Latenz in DE
- **CDN**: Vercel Edge Network (270+ Standorte)
- **SSL**: Automatisch via Let's Encrypt
- **Serverless Functions**: Next.js API Routes

### CI/CD Pipeline
- **Git Push**: Automatisches Preview-Deployment für jeden Branch
- **Main Branch**: Automatisches Production-Deployment
- **Build Time**: ~2-3 Minuten
- **Deployment**: Zero-Downtime

### Backup & Versioning
- **Git Repository**: GitHub (vollständige History)
- **Deployment Rollbacks**: 1-Click Rollback in Vercel
- **Database Backups**: Tägliche automatische Backups (falls DB verwendet)

### Monitoring
- **Vercel Analytics**: Performance Monitoring, Web Vitals
- **Error Tracking**: Sentry Integration (optional)
- **Uptime Monitoring**: UptimeRobot / Pingdom

## Support & Wartung

### Post-Launch Support
- 30 Tage kostenloser Support nach Launch
- Bug-Fixes ohne Zusatzkosten
- Minor Content-Updates
- E-Mail & Telefon Support

### Wartungspakete

**Basis-Paket (100€/Monat)**:
- Security Updates (Next.js, React, Dependencies)
- Monatliche Backups
- Performance Monitoring
- E-Mail Support

**Standard-Paket (250€/Monat)**:
- Alles aus Basis-Paket
- Content-Updates (bis 2h/Monat)
- A/B Testing Support
- GA4 Reporting
- Telefon Support

**Premium-Paket (500€/Monat)**:
- Alles aus Standard-Paket
- Feature-Entwicklung (bis 5h/Monat)
- Priority Support (Response <4h)
- Monatliche Performance Audits
- SEO-Monitoring & Reports

## Dokumentation & Ressourcen

### Technische Dokumentation
- **README.md**: Projekt-Setup, Development-Umgebung
- **docs/SEO-QUICK-START-GUIDE.md**: SEO-Setup in 2-3 Stunden
- **docs/SEO-TOP-1-RANKING-GUIDE.md**: Umfassender SEO-Guide (15.000+ Wörter)
- **docs/SEO-STRATEGY.md**: Keyword-Strategie, Content-Planung
- **docs/EMAIL-SYSTEM.md**: E-Mail-Integration Dokumentation
- **docs/SECURITY.md**: Security Best Practices

### Code-Qualität
- **TypeScript Strict Mode**: Keine `any` Types
- **ESLint**: Code Linting mit Next.js Rules
- **Prettier**: Konsistente Code-Formatierung
- **Type-Safety**: 100% typisierter Code

### Development Workflow
```bash
# Development Server starten
npm run dev

# Production Build
npm run build

# Production Server lokal testen
npm run start

# Linting
npm run lint

# Formatierung
npm run format

# Type-Checking
npm run type-check
```

## Externe Links & Ressourcen

### Offizielle Dokumentation
- **Next.js Docs**: /vercel/next.js (Context7-ID)
- **React Docs**: /websites/react_dev (Context7-ID)
- **TypeScript Docs**: /microsoft/typescript (Context7-ID)
- **Tailwind CSS Docs**: /websites/tailwindcss (Context7-ID)

### Community & Open Source
- **GitHub Repository**: https://github.com/Hasox001
- **Next.js GitHub**: /vercel/next.js
- **React GitHub**: /facebook/react
- **Tailwind CSS GitHub**: /tailwindlabs/tailwindcss.com

### Tools & Platforms
- **Vercel**: https://vercel.com (Deployment Platform)
- **Resend**: https://resend.com (Email API)
- **Google Search Console**: https://search.google.com/search-console
- **Google Analytics 4**: https://analytics.google.com
- **Figma**: https://figma.com (Design Tool)

## Wettbewerbs-Differenzierung

### Was macht Weblore anders?

**1. Performance-First Approach**
- Wir garantieren 95+ Lighthouse Scores
- Core Web Vitals werden bereits im Design berücksichtigt
- Jedes Projekt wird mit Real User Monitoring (RUM) getrackt

**2. Enterprise-Level Code-Qualität**
- TypeScript Strict Mode (keine `any` Types)
- 100% Test-Coverage für kritische Funktionen (auf Anfrage)
- Clean Architecture Prinzipien
- Umfassende Dokumentation

**3. SEO als Grundprinzip**
- Strukturierte Daten (JSON-LD) bereits ab Tag 1
- Content-Strategie inkludiert in jedem Projekt
- Keyword-Recherche vor Design-Phase
- Local SEO Setup für lokale Unternehmen

**4. Transparente Prozesse**
- Wöchentliche Status-Updates
- Live-Preview-Links (Vercel Deployments)
- Figma-Zugang für Echtzeit-Design-Reviews
- GitHub-Zugang für Code-Reviews

**5. Langfristige Partnerschaft**
- Keine Vendor-Lock-In: Sie besitzen den Code
- Flexible Wartungspakete
- Post-Launch Support für 30 Tage inklusive
- Skalierbare Lösungen (vom MVP bis Enterprise)

## Zielgruppen-Segmente

### B2B-Unternehmen
- **Branchen**: Industriebetriebe, Dienstleister, IT-Unternehmen, Beratungen
- **Pain Points**: Veraltete Website, schlechte Lead-Generierung, niedrige Google-Rankings
- **Lösung**: Performance-optimierte Websites, Lead-Generierung-Tools, B2B-Portale

### B2C-Unternehmen
- **Branchen**: Handel, Gastronomie, Handwerk, Dienstleister
- **Pain Points**: Hohe E-Commerce-Gebühren, keine Online-Präsenz, Mobile-Probleme
- **Lösung**: E-Commerce ohne Provision, Mobile-First Design, Online-Terminbuchung

### Startups & Scale-ups
- **Branchen**: SaaS, Tech-Startups, Digital Products
- **Pain Points**: MVP schnell launchen, skalierbare Architektur, Tech-Debt vermeiden
- **Lösung**: Rapid Prototyping, skalierbare Next.js-Architektur, Headless CMS

### Enterprise-Kunden
- **Branchen**: Großunternehmen, Konzerne, internationale Firmen
- **Pain Points**: Legacy-Systeme, Compliance, Performance at Scale
- **Lösung**: Migration zu modernen Stacks, Enterprise-Support, Custom Integrations

## Call-to-Actions

### Primäre CTAs
1. **Kostenloses Erstgespräch buchen**: https://weblore.de/kontakt
2. **Projekt-Anfrage stellen**: https://weblore.de/kontakt (Wizard-Formular)
3. **Portfolio ansehen**: https://weblore.de/projekte

### Sekundäre CTAs
- Telefon: +49 157 83169433
- E-Mail: contact@weblore.de
- WhatsApp Business: (auf Anfrage)

## Business Hours
- **Montag - Freitag**: 09:00 - 18:00 Uhr (CET/CEST)
- **Samstag - Sonntag**: Geschlossen (E-Mail-Support verfügbar)
- **Response Time**: <24 Stunden auf Anfragen

## Zahlungsbedingungen
- **Anzahlung**: 40% bei Projektstart
- **Zwischenzahlung**: 40% nach Design-Freigabe
- **Schlusszahlung**: 20% nach Launch
- **Zahlungsmethoden**: Überweisung, PayPal (für internationale Kunden)
- **Zahlungsziel**: 14 Tage

---

**Letzte Aktualisierung**: Oktober 2025
**Version**: 1.0
**Sprache**: Deutsch
**Website**: https://weblore.de
**Kontakt**: contact@weblore.de | +49 157 83169433