Ortica
Sprechen wir ↗
Ortica
Sprechen wir
ciao@ortica.io

React und Next.js Entwicklung

Oberflächen, die reagieren.
Auch bei vielen Daten.

Wir entwickeln Webanwendungen und Oberflächen in React und Next.js, in TypeScript: Dashboards, Verwaltungssoftware, Portale und headless Frontends für Onlineshops und CMS. Wer die Screens in Figma entwirft, schreibt auch die Komponenten.

Über das Projekt sprechen ↗Was wir machen ↓
  • React
  • Next.js
  • TypeScript
  • Figma
Was wir mit React machen

Von den Komponenten
bis zur App in Produktion.

  1. 01

    Webanwendungen und Dashboards.

    Oberflächen, mit denen man den ganzen Tag arbeitet: Tabellen mit Filtern, lange Formulare, Diagramme, eigene Berechtigungen für jede Rolle. Sie bleiben schnell, auch mit vielen Zeilen auf dem Bildschirm.

    • React
    • TypeScript
    • Dashboards
  2. 02

    Websites und Plattformen mit Next.js.

    Serverseitiges Rendering, statische Seiten, wo sie sinnvoll sind, optimierte Bilder. Mit Payload CMS, wenn ein Backend zur Verwaltung gebraucht wird.

    • Next.js
    • App Router
    • Payload CMS
  3. 03

    Headless-Frontends.

    Eine React-Oberfläche vor Shopify, WooCommerce oder einem Backend, das Sie schon haben, wenn das Standard-Theme nicht mehr reicht.

    • Headless
    • API
    • Ecommerce
  4. 04

    Design System im Code.

    Die in Figma gestalteten Komponenten werden zu einer React-Bibliothek mit denselben Namen, Varianten und Zuständen. Wer morgen einen neuen Screen baut, startet dort.

    • Figma
    • Komponenten
    • Barrierefreiheit
  5. 05

    Projekte zur Übernahme.

    React-Apps auf alten Versionen oder von anderen geschrieben: Wir lesen den Code, aktualisieren schrittweise und bringen Tests und Deployments wieder zum Laufen.

    • Updates
    • Refactoring

Womit wir arbeiten

Webanwendungen und DashboardsWebsites und Plattformen mit Next.jsHeadless-FrontendsDesign System im CodeProjekte zur Übernahme
ReactNext.jsTypeScriptFigma
React, Next.js oder etwas anderes?

Das richtige Werkzeug.
Nicht das angesagte.

React ist die meistgenutzte Bibliothek für Weboberflächen, und das zählt: Dokumentation, Bibliotheken und Entwickler, die den Code auch nach uns noch lesen können.

Wir nehmen React, wenn

  • die Oberfläche viele Zustände und Interaktionen hat
  • dieselben Teile in mehreren Screens vorkommen
  • das Projekt wachsen und den Besitzer wechseln wird
  • es schon ein Backend oder APIs gibt

Wir nehmen Next.js dazu, wenn

  • die Seiten bei Google gefunden werden sollen
  • die Geschwindigkeit beim ersten Laden zählt
  • Frontend und API besser in einem Projekt liegen
  • ein Backend zur Verwaltung mit Payload CMS gebraucht wird
Worauf wir achten

Was man nicht sieht.
Bis es fehlt.

  1. 01

    Barrierefreiheit.

    Tastatur, Fokus, Beschriftungen und Kontraste von Anfang an mitgedacht, nicht am Ende nachgerüstet.

  2. 02

    Geschwindigkeit.

    Weniger JavaScript im Browser, Komponenten, die erst bei Bedarf laden, Daten serverseitig abgerufen, wo es sich lohnt.

  3. 03

    Tests und Releases.

    Automatische Prüfungen von Typen und wichtigsten Funktionen und automatische Deployments auf eine Testumgebung, bevor es live geht.

Häufige Fragen

Was man uns zu React und Next.js
oft fragt.

Was kostet eine Webanwendung mit React?

Das hängt vom Projekt ab: Screens, Rollen, Schnittstellen und Datenmenge. Arbeiten an einem bestehenden React-Projekt laufen oft über ein Stundenpaket. Nach einer ersten Analyse schicken wir Ihnen ein schriftliches Angebot.

React oder Next.js: Was ist besser?

Next.js baut auf React auf: Das sind keine Alternativen. React allein reicht für Anwendungen hinter einem Login. Next.js bringt serverseitiges Rendering, Routing und APIs dazu, nützlich, wenn Seiten schnell sein und bei Google gefunden werden sollen.

Können Sie an unserem React-Projekt weiterarbeiten?

Ja. Zuerst lesen wir Code, Abhängigkeiten und Deployment, dann sagen wir Ihnen, was sich zu behalten, zu aktualisieren oder neu zu schreiben lohnt. Wir können Ihr Team unterstützen oder das Projekt ganz übernehmen.

Machen Sie auch nur das Frontend?

Ja. Wir können das React-Frontend auf bestehenden APIs entwickeln, Ihren eigenen oder denen von Drittanbietern, oder uns auch um das Backend in Node.js kümmern.

Und wenn wir auch eine App fürs Smartphone brauchen?

Wenn das Projekt es verlangt, nutzt die App für iOS und Android dasselbe Backend wie die Webanwendung, und die Veröffentlichung in den Stores übernehmen wir. Mehr dazu auf der Seite zu Webanwendungen und Apps.

Arbeiten Sie auch für Agenturen?

Ja, wir entwickeln React- und Next.js-Frontends als White Label nach den Designs der Agenturen. Mehr dazu auf der Seite für Agenturen.

Nächste LeistungNode.js Backends, APIs und Schnittstellen in Node.js und TypeScript: der unsichtbare Teil von Webanwendungen, SaaS und Onlineshops, aufgeräumt und dokumentiert.
Das nächste Projekt

Ein Projekt mit React?
Erzählen Sie uns davon.

Neu oder zur Übernahme: Wir starten bei dem, was es können muss, und bei denen, die es nutzen werden.

Über das Projekt sprechen ↗Ich bin eine Agentur ↗

Sprechen wir darüber