Web Development

Web Apps That Perform

We build web applications that load fast, rank well, and work for everyone using React, Next.js, and modern full-stack architecture.

Oronts is a React and Next.js development agency based in Munich, Germany. We build high-performance web applications using React, Next.js, Vue.js, Angular, and Astro with TypeScript as our primary language. Our full-stack web development services include single-page applications, progressive web apps, enterprise portals, data dashboards, and headless CMS-driven websites built with Payload CMS, Strapi, or Sanity. We engineer for Core Web Vitals from day one, optimizing Largest Contentful Paint, Cumulative Layout Shift, and Interaction to Next Paint to achieve top Google PageSpeed scores. Every project follows WCAG 2.2 AA accessibility standards with semantic HTML, keyboard navigation, screen reader testing, and ARIA attributes. Our SEO-optimized architecture uses server-side rendering and static generation for instant crawlability, structured data in JSON-LD format, dynamic meta tags with Open Graph support, and automated sitemap generation. The backend stack includes Node.js, NestJS, PHP, Laravel, Symfony, Python, and Go. Our NestJS developers handle complex server-side logic, building type-safe APIs with decorators, guards, and interceptors with PostgreSQL, MySQL, MongoDB, and Redis. We use Tailwind CSS, CSS Modules, and Radix UI for styling, and Playwright, Jest, Vitest, and Cypress for comprehensive testing. Our development process includes responsive design from 320px to 4K, progressive enhancement, and performance budgets to maintain fast load times.

oronts.com

What We Build

From single-page apps to enterprise portals, every project is built for performance and accessibility.

Single-Page Apps

Blazing-fast SPAs with client-side routing, optimistic UI updates, and seamless navigation.

ReactNext.jsTypeScript

Progressive Web Apps

Installable, offline-capable apps that rival native performance on every device.

Service WorkersWeb APIsWorkbox

Enterprise Portals

Scalable internal platforms with role-based access, real-time data, and multi-tenant architecture.

SSO/SAMLRBACMicro-frontends

Dashboards

Real-time analytics dashboards with interactive charts, live data feeds, and export capabilities.

D3.jsRechartsWebSockets

What Technologies Do We Use?

Battle-tested technologies chosen for reliability, performance, and developer experience.

React
Next.js
TypeScript
Vue.js
Angular
Svelte
Tailwind CSS
Node.js
GraphQL
PostgreSQL
React
Next.js
TypeScript
Vue.js
Angular
Svelte
Tailwind CSS
Node.js
GraphQL
PostgreSQL
NestJS
Python
Go
Java
PHP
Symfony
Docker
AWS
Vercel
Redis
NestJS
Python
Go
Java
PHP
Symfony
Docker
AWS
Vercel
Redis

Performance-First Development

Every millisecond matters. We engineer for Core Web Vitals from day one.

2.1sLCP

Largest Contentful Paint

0.05CLS

Cumulative Layout Shift

120msINP

Interaction to Next Paint

Responsive by Design

Every pixel adapts, from widescreen monitors to pocket-sized screens

Desktop
Tablet
Mobile

Accessible by Default

Web accessibility isn't an afterthought. It's built into every component from the start.

WCAG 2.1 AA Compliance
Semantic HTML5 Structure
Full Keyboard Navigation
Responsive Design First

SEO-Optimized Architecture

Technical SEO built into the architecture, not bolted on after the fact.

SSR & SSG

Server-side rendering and static generation for instant first paint and perfect crawlability.

Structured Data

JSON-LD schemas for rich snippets, breadcrumbs, FAQs, and organization markup.

Meta Tags

Dynamic Open Graph, Twitter Cards, and canonical URLs generated per page and locale.

Sitemaps

Auto-generated XML sitemaps with hreflang, lastmod, and priority for every localized page.

Our Open Source Plugins & Bundles

We develop and maintain open-source Vendure plugins and Pimcore bundles. Production-tested in real client projects.

Vendure Data Hub Plugin

Enterprise ETL & data integration plugin for Vendure. Visual pipeline builder, 9 extractors, 61 transform operators, 24 entity loaders, feed generators for Google Merchant & Amazon, and real-time monitoring.

VendureETLTypeScriptE-Commerce
View on GitHub

Pimcore Asset Pilot Bundle

Intelligent rule-based asset organization for Pimcore 12. Priority-based rule engine with Twig path templates, expression language conditions, async processing via Symfony Messenger, localized folder structures, audit logging, and unused asset detection.

PimcoreDAMPHPSymfony
View on GitHub

More plugins coming soon. We actively contribute to the commerce open-source ecosystem.

Frequently Asked Questions

React with Next.js is our default recommendation for most projects. It has the largest ecosystem, best server-side rendering support, and strongest TypeScript integration of any frontend framework. The component model scales well from small marketing sites to large enterprise dashboards, and the developer talent pool is significantly larger than alternatives, which matters when your team needs to maintain the codebase long-term. We use Vue when it is a better fit for the team or project, particularly when your existing developers are more productive in Vue or when you have a Vue codebase that needs extension rather than replacement. Angular is another option we support, especially for large enterprise applications where its opinionated structure and built-in dependency injection provide consistency across big teams. Ultimately, the framework choice should match your team's skills, project requirements, and long-term maintenance plan rather than following industry trends.
We use WordPress as a headless CMS but build the frontend with React or Next.js for better performance, security, and design flexibility. In a headless setup, WordPress handles content management through its familiar admin interface while the frontend is a separate Next.js application that fetches content via the WordPress REST API or WPGraphQL. This gives your content team the editing experience they already know while delivering sub-second page loads, better SEO through server-side rendering, and a modern component-based frontend that designers and developers prefer working with. The headless approach also eliminates many WordPress security vulnerabilities since there is no publicly accessible PHP frontend to attack. If you need a traditional WordPress site with themes and plugins, we can recommend trusted partners who specialize in that approach. Our strength is in custom-built frontends where performance, accessibility, and design precision are priorities rather than out-of-the-box template solutions.
Accessibility is part of our development process, not a checklist applied at the end. We use semantic HTML elements like nav, main, article, and button instead of generic divs, which gives screen readers and assistive technologies the structural information they need to navigate content effectively. ARIA attributes are added where semantic HTML alone is insufficient, such as for custom dropdown menus, modals, and dynamic content regions. Every interactive element is keyboard-navigable, and we test tab order and focus management throughout development. We run automated accessibility scans with tools like axe-core in our CI pipeline to catch regressions before they reach production. Manual testing includes screen reader verification with VoiceOver and NVDA, keyboard-only navigation testing, and color contrast validation. Our target is WCAG 2.1 AA compliance at minimum. For clients in regulated industries like government or healthcare, we can target AAA compliance where required.
Yes. We audit existing applications for performance, accessibility, and code quality, then implement improvements incrementally without disrupting your users or development workflow. The audit typically takes 1-2 weeks and produces a prioritized report covering frontend performance metrics like Largest Contentful Paint and Cumulative Layout Shift, accessibility gaps measured against WCAG 2.1 standards, code architecture issues including duplicated logic and missing error handling, and security vulnerabilities in dependencies. From there, we work through the highest-impact items first. For example, if your application scores poorly on Core Web Vitals due to unoptimized images and render-blocking JavaScript, we address those issues first because the improvement is immediate and measurable. We can work alongside your existing team, submitting pull requests through your normal review process, or take ownership of specific areas while your team focuses on feature development. Each improvement is deployed independently so there is no big-bang release.
Every project is mobile-first by design. We start with the smallest viewport and progressively enhance the layout for larger screens rather than building for desktop and then trying to squeeze everything onto a phone. We test across real devices including various iPhone and Android models, tablets, and different browser engines like Safari, Chrome, and Firefox. Our responsive design approach uses CSS grid and flexbox layouts, fluid typography that scales smoothly between 320px and 4K displays, and responsive images with srcset and the picture element to serve appropriately sized assets for each device. We also test touch interactions, gesture handling, and viewport-specific behaviors like iOS Safari address bar resizing. Performance testing on mobile is critical because mobile networks are less reliable, so we optimize bundle sizes, implement code splitting, and use lazy loading to keep initial page loads fast on 3G and 4G connections.
We use server-side rendering or static generation with Next.js to ensure all pages are fully crawlable by search engines. Unlike traditional single-page applications where content is rendered only in the browser via JavaScript, our SSR approach sends fully rendered HTML to crawlers, which means Google, Bing, and other search engines can index your content immediately without executing JavaScript. For pages with content that rarely changes, we use static site generation at build time for maximum performance and cacheability. For dynamic pages, incremental static regeneration keeps content fresh while maintaining fast load times. Beyond rendering, we implement structured data markup using JSON-LD for rich search results, generate comprehensive XML sitemaps, configure canonical URLs to prevent duplicate content issues, and optimize meta tags for each page. We also set up proper Open Graph and Twitter Card markup so shared links display correctly across social platforms and messaging applications.

Let's Build a Web App That Performs

Tell us about your project and we'll design a solution that loads fast and converts.