Web Developerin React &
Job Summary
Du arbeitest mit AI-Tools wie mit jedem anderen Werkzeug: schnell selbstverständlich und mit dem Urteilsvermögen zu erkennen wenn der Output falsch ist. Was du auslieferst kannst du erklären.
Unsere Projekte reichen von Warehouse-Management-Systemen über Onboarding-Apps für DAX-Konzerne bis zu Klimaschutz-Tools für Kaffeebauern weltweit. Wir arbeiten für BMW Deutsche Bahn RWE Vattenfall Carl Zeiss Starlab und viele mehr langfristig und in der Tiefe nicht im Wochenrhythmus.
Mehr uns und unsere Projekte erfährst du .
Dazu kommt der Teil der über das einzelne Projekt hinausgeht: unser Melting Web Framework auf dem unsere Projekte aufsetzen und das du mit jedem Projekt ein Stück besser machst. Der Schwerpunkt liegt im Frontend aber die Grenze zum Backend ist bei uns fließend: Wer eine Oberfläche baut entscheidet auch darüber wie die Daten dahinter aussehen. Du arbeitest direkt mit unserem Design-Team (Figma-Handover Designsysteme in Code) mit dem Head of Development als Sparringspartner und mit den Entscheidern auf Kundenseite wenn es um technische Fragen geht.
- Weiterentwicklung unseres Melting Web Frameworks der gemeinsamen Basis unserer Projekte: neue Bausteine bessere Defaults weniger Reibung im nächsten Projekt
- Projekte oder Teilprojekte technisch betreuen von der Architekturentscheidung bis zum Betrieb
- Entwicklung von Websites und Web-Apps mit Reactund TypeScript
- Content-Modellierung in Sanity: Schemas für neue Funktionen entwerfen Studio-Anpassungen GROQ-Queries
- Umsetzung von Designsystemen aus Figma in Komponenten inkl. States Responsive Behavior und Barrierefreiheit
- Performance-Arbeit:Rendering-Strategien Caching Bundle-Größe Core Web Vitals
- Code Reviews für Code von Kolleg:innen und für AI-generierten Code mit demselben Anspruch
- Deployments und Betrieb auf Vercel: Preview-Umgebungen Monitoring Fehlersuche in Produktion
- Du verantwortest jede Zeile egal wer sie geschrieben hat. Was du nicht erklären kannst geht nicht ins Review.
- Jeder Code wird reviewt von einem Menschen mit demselben Anspruch unabhängig vom Autor.
- AI ersetzt kein Verständnis. Wer nicht weiß warum eine Server Component kein useState kann oder warum eine GROQ-Query die falsche Shape liefert merkt auch nicht wenn das Modell es falsch macht.
Unser Stack
- Frontend: React TypeScript hier liegt der Schwerpunkt der Rolle
- Content-Backend: Sanity. Der Content Lake ist unser gehostetes Backend. Das Studio ist eine React-App die wir tief anpassen eigene Input-Components Document Actions Plugins.
- Backend-Code: Route Handler Server Actions Webhooks Sanity Functions gelegentlich auch Kunden-APIs oder ein Login
- Hosting: Vercel für maximale Performance
- Tooling: Nx npm ESLint Prettier Husky Playwright Accessibility- & visuelle Regressionstests und vieles mehr
- AI: Vercel AI SDK für Produkt-Features; Sanity Assist im der Entwicklung arbeiten wir aktuell mit Claude Code AI-gestütztes Arbeiten ist hier Normalzustand nicht Experiment.
- Du hast mindestens ein -Projekt in Produktion gebracht und danach betrieben mit allem was nach dem Launch kommt
- Du typisierst so dass Fehler früh auffallen. any und as sind bei dir die Ausnahme mit Begründung nicht der schnelle Weg.
- Sanity ist ein großes Plus Schema-Design GROQ Functions und Custom Components. Mitbringen musst du es nicht: Wer mit Content-Modellen und APIs umgehen kann ist in zwei Wochen drin.
- Tiefes React-Verständnis: Server vs. Client Components Rendering- und Caching-Verhalten Hydration du weißt warum etwas bricht nicht nur dass
- Routine mit AI-gestütztem Coden und das Urteilsvermögen Output zu prüfen statt zu übernehmen
- Backend-Mindset im Frontend-Job: Du weißt wo Daten herkommen was ein Request kostet und warum ein Datenmodell später über die halbe Umsetzung entscheidet
- Sinn für wiederverwendbaren Code: Du erkennst was aus einem Projekt ins Framework gehört und was Sonderfall bleiben sollte
- Selbstorganisiertes Arbeiten: Du kannst Aufwände einschätzen und brauchst niemanden der dir sagt was als Nächstes kommt
- Lust etwas zu bewegen: Du willst sehen dass deine Arbeit im Produkt landet und beim Kunden etwas verändert und hast Meinungen dazu wie es besser geht
- Sehr gute Deutsch- und Englischkenntnisse
- Location:Schanzen-Loft auf dem Schulterblatt mit Kreativräumen Fotostudio Werkstatt Bar vielen Pflanzen und Platz für wilde Ideen
- Equipment: Schnelle Macbooks 5K-Screens Figma-first und die neuesten AI-Tools im täglichen Einsatz
- Flexibilität: Flexible Arbeitszeiten und wenn du mal von zu Hause arbeitest braucht das keinen Antrag. Der Alltag spielt sich trotzdem im Studio ab: Design und Development sitzen bei uns am selben Tisch und genau daraus entstehen die guten Sachen
- Benefits: Grüne Mobilität (ÖPNV Dienstrad E-Auto) betriebliche Altervorsorge KiTa Zuschuss und womöglich der beste Flat White in der Schanze.
- Kultur:Flache Hierarchien kurze Wege direkter Draht zum Design Team. Head of Development und die echten Entscheider auf Kundenseite als direkte Sparringspartner.
- Maker Corner:3D Drucker Plotter Druckwerkstatt: Probiere dich aus und bring deine Side-Projects mit!
- Awards:Unsere Kunden-Projekte gewinnen Red Dots iF Golds and Good Design Awards. Du gewinnst mit.
- Projekte: Themen in die du dich richtig reinarbeiten kannst. Wir arbeiten langfristig und gehen tief statt alle zwei Wochen den Kunden zu wechseln.
- Strukturiertes Onboarding in Stack Framework und laufende Projekte du lernst Team und Kunden kennen
- Mindestens monatliche 1-on-1s mit dem Head of Development: Fortschritte Wünsche Feedback in beide Richtungen
- Du bringst deine Erfahrung aktiv in unsere Standards ein Review-Prozess Tooling und AI-Workflow sind nicht in Stein gemeißelt
- Bewerbung:Ein paar Angaben zu dir dein CV und wenn du willst ein Link zu Code oder einem Projekt über das du gerne redest. Kein Anschreiben.
- Coding Challenge (30 Min): Wenn dein Profil passt schicken wir dir einen Link. Vier kurze Aufgaben aus unserem Alltag mit TypeScript und Sanity wann du sie machst entscheidest du. Kein Take-Home-Projekt über ein Wochenende: eine halbe Stunde mehr nicht.
- Call (30 Min):Wir sprechen über dich uns und die Stelle und über deine Lösungen aus der Challenge: was dir aufgefallen ist was du anders gemacht hättest wo du dir unsicher warst.
- Studiotag: Du kommst bei uns vorbei und wir lernen uns in Ruhe kennen: Team Studio wie wir arbeiten und alles was du wissen willst. Danach arbeiten wir ein Stück zusammen damit wir beide ein Gefühl dafür bekommen wie das im Alltag wäre.
- Und dann gehts los: Passt es für beide Seiten klären wir das Vertragliche und du hast einen Starttermin. Hardware und Onboarding machen wir vor deinem ersten Tag klar.
Required Experience:
IC
About Company
Wir entwickeln digitale Produkte und Ideen. Für Startups, die wir bauen. Oder Unternehmen, die wir beraten. Bei uns treffen sich Nerds und Kundenversteher, Techies und Kreative, Kopfmenschen und Wahnsinnige. Wir feiern Kreativität und analysieren nüchtern. Wir denken Digitales neu. St ... View more