Weeks of Frontend Work,
Delivered in Days.

Tell us what your website should do. We handle the implementation: CMS integration, Technical SEO, accessibility, and testing included. You get a complete project, ready for launch.

Get a Free Estimate See How It Works
$ genfabric generate --config realestate.json
→ Initializing genFabric v2.8...
✓ Configuration parsed (realestate.json)
✓ CMS schema analyzed (Storyblok · 5 content types)
✓ Design tokens extracted (Figma · 28 tokens)
◆ Generating code (Next.js · TypeScript · Tailwind v4)
✓ Quality checks passed (0 violations)
✓ Done · ~/realestate-website · ready for review
This runs behind the scenes — you never need to touch it.
11
CMS Platforms
Technical SEO
Built In
WCAG AA
Accessible
International standard for accessible websites. Required by EU law since June 2025.
5–7 days
Turnaround
Process

How it works.

You bring what you have: a design, a CMS, or just an idea. We handle the rest and hand you production-ready code.

1

You Brief

Send us your design, a screenshot, or just your brand colors. Already using a CMS like WordPress? We'll connect it. Don't have one yet? We'll help you choose.

2

We Develop & Test

We build your complete website: all pages, quality checks, SEO, and accessibility. We review everything and fix issues before delivery.

3

You Launch

You receive a ready-to-launch website. We can handle hosting setup too. After that, you update content in the CMS — no coding needed.

Code Quality

Built to last, not just to demo.

Most AI builders generate code in a single pass. It works, but rarely holds up under real use. We run multiple rounds of generation, testing, review, and fixes. A process that runs for hours, not minutes. Every project includes automated tests, accessibility compliance (WCAG AA), and code that follows industry standards. The code uses standard frameworks (Next.js, Vue, Nuxt, or React Native) that any web developer can pick up and extend.

Use Cases

Any website. Any CMS.

With a headless CMS, with static content, or with a custom data source — we work with what you have.

Content Websites

Blogs, magazines, knowledge bases, documentation sites — any site where content changes regularly.

Listing & Directory Sites

Real estate, job boards, product catalogs, event calendars — structured data with filters, search, and detail pages.

Business & Brand Sites

Company pages, landing pages, portfolios, agency sites — professional and accessible out of the box.

What You Get

Not a prototype. A finished website.

Every project includes testing, accessibility, Technical SEO, and documentation. Ready to launch.

Technical SEO & Marketing

Structured data for rich Google results, sitemaps, social media previews, analytics integration. Optimized for AI search tools like ChatGPT and Perplexity. See the full SEO spec →

HubSpot CRM Integration

Contact forms, lead routing, and deal creation, preconfigured with spam filtering and GDPR-compliant data handling. Just connect your HubSpot account.

Multi-Language Support

Language-specific URLs, automatic browser detection, language switcher, hreflang tags, and CMS content per language. Translations are managed in the CMS, not in code.

Legally Compliant Accessibility

Accessible by default (WCAG AA): proper page structure, screen reader support, keyboard navigation, and focus handling for interactive elements. Since June 2025, the EU's European Accessibility Act requires this. Non-compliance risks fines up to €250,000 in some EU countries (up to €100,000 in Germany). In the US, ADA violations carry penalties up to $150,000 per incident.

GDPR Consent & Privacy

Cookie consent with Google Consent Mode v2. Tracking only starts after visitors agree. Since March 2024, Google requires Consent Mode v2 for conversion tracking. Without it, your Google Ads data is incomplete.

Delivery Documentation

A content editor guide, developer documentation, deployment instructions, and a security overview. All personalized with your project name and CMS. In German and English.

Compatibility

Compatible with your CMS.

Based on Next.js, Vue, Nuxt, or React Native. We're happy to help you choose. Works with all major headless CMS platforms, or without a CMS entirely.

Contentful Storyblok Strapi Sanity DatoCMS Prismic Directus Payload WordPress Hygraph TYPO3
No CMS

What is Headless CMS?

A traditional CMS like WordPress bundles content management and design — your site's look is tied to the platform. A headless CMS separates the two: you manage content in the CMS, and your frontend is a standalone, modern web app.

Why it matters: Faster load times, better SEO, more design freedom, and no WordPress plugin security risks. WordPress works too — we use its REST API in headless mode, so you get the familiar editor with a modern frontend.

Comparison

Not another AI page builder.

AI tools are fast but leave you with cleanup. We deliver ready-to-launch websites: tests, Technical SEO, accessibility, and human review included before delivery.

Typical AI Builders

Generic templates—
No tests—
No accessibility—
No Technical SEO—
No CMS integration—
You fix the output—
Prototype quality—
Basic cookie banner, not Google-compliant—
Manual CRM setup required—

genFabric

Your design, your CMS✓
Full test suite included✓
WCAG AA from the start✓
Technical SEO + analytics✓
Your CMS — 11 platforms supported✓
We review before delivery✓
Production-ready code✓
Full GDPR consent with Consent Mode v2✓
HubSpot integration preconfigured✓
Get a Free Estimate

FAQ

Questions & Answers

General

What does “Technical SEO” include — and what do I still need to handle myself?
We set up the technical foundation so search engines can properly read, index, and display your website — including structured data for rich Google results, sitemaps, analytics integration (GA4, Plausible, Umami), cookie consent with Consent Mode v2, and multi-language support (hreflang). What we don’t cover: keyword research, link building, content strategy, ongoing rank monitoring, and Google Search Console setup. We build the technical foundation — your marketing team or SEO consultant handles strategy and content.
What exactly is in the delivery documentation?
Eight documents in English and German, tailored to your project. For your content team: a guide explaining how to create articles, which fields are required, and recommended image sizes. For your developers: architecture decisions, project structure, setup commands, and extension points. For deployment: step-by-step instructions for your hosting platform (Vercel, AWS, Docker, or static hosting). For security: GDPR checklist and environment variable documentation. Plus a setup guide for every supported CMS. Everything is tailored to your tech stack, CMS, and feature set.
Do I need to give you access to my CMS?
No. You keep full control of your CMS at all times. We deliver setup scripts that create the necessary content structures in your CMS — you run them yourself, and you never share login credentials with us. The delivery documentation explains each step, and the scripts work with all 11 supported CMS platforms.
Can AI-generated code really be production quality?
Not usually — and that’s exactly why we built a different process. Most AI builders generate code in a single pass: prompt in, project out. The result works, but typically lacks tests, error handling, accessibility, and consistent structure. Our process works in stages over several hours: generate, test, review, fix. Every project goes through 500+ automated quality checks, a human code review, and a test suite before delivery. The output is standard framework code (Next.js, Vue, or Nuxt) with TypeScript in strict mode, component and unit tests (Vitest + Testing Library), and WCAG 2.1 AA accessibility — not a proprietary format that locks you in.
What happens after delivery? Who handles updates?
You own the code — the code is yours. No ongoing fees, no dependency on us. The project uses exclusively established open-source packages, nothing proprietary that ties you to us. Content updates (new articles, images, text changes) happen through your CMS without a developer. Technical updates (framework versions, security patches, new features) require a developer — from your team or any agency familiar with standard web frameworks. We do not host or maintain the site after delivery — it runs on your own hosting platform.
Do I need a developer for ongoing operations?
For content — no. Your team manages articles, images, and pages directly in the CMS. The Client Guide explains every step without technical jargon. For design changes, new features, or technical updates — yes. The developer documentation describes the project structure and shows where customizations are possible, so any qualified developer can pick up the project.
We use Salesforce, not HubSpot. Does that work?
HubSpot is the built-in CRM integration — contact forms, lead routing, and deal creation work out of the box. For other CRM systems (Salesforce, Pipedrive, Zoho, or others), a developer can connect them by pointing the forms to the other CRM instead — the website itself doesn’t need to change. The generated code is standard TypeScript, so any CRM with an API can be integrated.
The European Accessibility Act requires accessibility since June 2025. Is what you deliver legally sufficient?
Our websites meet WCAG 2.1 AA — the internationally recognized accessibility standard. That means: the website works with screen readers, is fully keyboard-navigable, has sufficient color contrast, and correctly structured menus and dialogs. This is the technical implementation. A formal accessibility statement and, depending on your industry, a certified audit may be required separately. We deliver the technical foundation; the formal compliance documentation is your responsibility.
How does a typical project work — from first contact to launch?
You tell us what you need: your brand colors and style, your CMS (if you have one), and what the website should do. We build your project in 5–7 business days. You receive the complete project — code, tests, and documentation — and review it with your team. After any revisions, you connect your domain and go live. Your time investment: typically 1–2 hours for the initial briefing and 1–2 hours for the final review.
Can someone without a technical background maintain the website?
Yes. Content management — adding articles, changing images, updating text — happens in your CMS, which works like a word processor: select a content type, fill in the fields, publish. The Client Guide walks through every step. No coding, no command line, no technical training required. For changes to design, structure, or functionality, a developer is needed.
Can we review the project before accepting it?
Yes. You receive the complete project — code, tests, documentation — and can have your team or an external developer review it before accepting. If something doesn’t match your expectations, we revise it. The project is yours to inspect from the start, not a black box you see only at the end.

For Developers

What dependencies does a typical project use, and how current are they?
Only established, actively maintained packages — no solo-developer or pre-1.0 libraries. A typical Next.js project uses the framework itself, Tailwind CSS, Vitest, Testing Library, DOMPurify, and a handful of standard utilities. React Native projects follow the same principle with Expo, NativeWind, and Jest. All pinned to current stable versions with a lockfile included. No proprietary runtime or custom build system — standard npm scripts, standard Vite or Next.js toolchain.
Can I add my own components, API routes, or middleware without breaking the generated code?
Yes. The project follows standard framework conventions — Next.js App Router, Vue Router, Nuxt file-based routing, or Expo Router for React Native. No custom abstractions or code generation markers that interfere with manual changes. The developer documentation describes the architecture, directory structure, and extension points. You add files in the standard locations, and the existing code does not need to be modified.
What performance scores can I expect?
Projects are optimized for Core Web Vitals. Typical Lighthouse scores: 90+ across Performance, Accessibility, Best Practices, and SEO. Image optimization, code splitting, and framework-native rendering are built in. Images are served in responsive sizes with WebP/AVIF and lazy loading. Pages are server-rendered, statically generated, or incrementally updated depending on the route. Web Vitals monitoring can report real-user metrics to your analytics provider.

Tell us about your project.

Projects start at €1,000. Tell us what you need — we'll send you a free estimate within 24 hours. No obligation.

Get a Free Estimate
Or email us directly: hello@genfabric.dev