Web Developer:in React + Next.js (m/w/d)

Melting Experience GmbH; Hamburg; Vor Ort; EUR 70.000 - 90.000; Vollzeit

Benefits dieser Stelle

Flexible Arbeitszeiten

KiTa Zuschuss

Grüne Mobilität

Betriebliche Altersvorsorge

Zusammenfassung

Melting Experience GmbH in Hamburg sucht eine/n Web Developer:in zur technischen Betreuung von Kundenprojekten vom Architecture-Entwurf bis zum Betrieb. Du arbeitest eng mit Design und Head of Development zusammen und gestaltest die Frontend-Architektur aktiv mit.

Der Fokus liegt auf Frontend-Entwicklung mit React, Next.js und TypeScript, inklusive Integration von Sanity und dem Melting Web Framework. Wir schätzen eigenständiges, strukturiertes Arbeiten und klare Kommunikation.

Qualifikationen

• Mindestens ein Next.js-Projekt in Produktion gebracht und betreut.
• Tiefes Verständnis von React, Rendering- und Caching-Verhalten.
• Gute Deutsch- und Englischkenntnisse in Wort und Schrift.

Aufgaben

• Weiterentwicklung des Melting Web Frameworks und Optimierung von Defaults.
• Projekte technisch betreuen – von Architekturentscheidungen bis Betrieb.
• Entwicklung von Websites/Web-Apps mit Next.js, React und TypeScript.
• Content-Modellierung in Sanity und GROQ-Queries entwerfen.
• Umsetzung von Designsystemen aus Figma in Komponenten, inkl. Accessibility.

Kenntnisse

Frontend development

Architekturentscheidungen

Code Reviews

Performance-Optimierung

Deutsch & Englisch Kommunikation

Tools

Next.js

React

TypeScript

Sanity

Vercel

Nx

ESLint

Playwright

Jobbeschreibung

Du baust keine Demo-Projekte, sondern Web-Apps und Websites, die Menschen jeden Tag benutzen – im Lager, auf Kaffeefeldern in Südamerika und Afrika, in DAX-Konzernen. Dein Zuhause ist das Frontend – aber du hörst nicht da auf, wo die Daten herkommen. Du betreust deine Projekte von der ersten Architekturentscheidung bis lange nach dem Launch – du kennst sie also wirklich, statt sie nach dem Go-live wieder abzugeben.

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.

Melting Experience ist eine inhabergeführte Digital-Design-Agentur aus dem kreativen Zentrum Hamburgs -der Sternschanze. Seit 2007 verschmelzen wir Brand Strategy, UX, Interface Design, Apps und Development zu einem Prozess – ohne Silos zwischen Design und Code. Mit über 45 internationalen Designpreisen, darunter Red Dot Best of the Best und iF Gold, gehören wir zu den meistausgezeichneten inhabergeführten Digitalagenturen Deutschlands.

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.

Deine Rolle

Als Web Developer:in betreust du Kundenprojekte oder Teilprojekte technisch – vom Content-Modell in Sanity über die Next.js-Architektur bis zum Deployment auf Vercel und dem Betrieb danach.

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.

Das machst du bei uns

• 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 Next.js, React und 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
• Aufwände einschätzen und technische Optionen so erklären, dass Kunden entscheiden können

So arbeiten wir mit AI

Wir nutzen AI-Tools täglich beim Coden. Das ist bei uns weder Nice-to-have noch Tabu, sondern Werkzeug. Drei Dinge gelten dabei ohne Ausnahme:

• 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.

Wir suchen weder Leute, die ohne AI nicht arbeiten können, noch Leute, die nicht mit AI arbeiten wollen.

• Frontend: React, Next.js, 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 Studio. In der Entwicklung arbeiten wir aktuell mit Claude Code – AI-gestütztes Arbeiten ist hier Normalzustand, nicht Experiment.

Das bringst du mit

• Du hast mindestens ein Next.js-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

Deine ersten 100 Tage

• 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

Warum Melting Experience?

Hier ein Ausschnitt daraus, was bei uns zum Arbeiten selbstverständlich dazugehört.
Auf unserer Jobs-Page findest du noch mehr Insights, warum wir bewusst ein bisschen anders ticken & arbeiten wie andere Agenturen.

Schanzen-Loft auf dem Schulterblatt mit Kreativräumen, Fotostudio, Werkstatt, Bar, vielen Pflanzen und Platz für wilde Ideen

Schnelle Macbooks, 5K-Screens, Figma-first und die neuesten AI-Tools im täglichen Einsatz

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

Grüne Mobilität (ÖPNV, Dienstrad, E-Auto), betriebliche Altervorsorge, KiTa Zuschuss und womöglich der beste Flat White in der Schanze.

Flache Hierarchien, kurze Wege, direkter Draht zum Design Team. Head of Development und die echten Entscheider auf Kundenseite als direkte Sparringspartner.

3D Drucker, Plotter, Druckwerkstatt: Probiere dich aus und bring deine Side-Projects mit!

Unsere Kunden-Projekte gewinnen Red Dots, iF Golds, and Good Design Awards. Du gewinnst mit.

Themen, in die du dich richtig reinarbeiten kannst. Wir arbeiten langfristig und gehen tief, statt alle zwei Wochen den Kunden zu wechseln

Unser Bewerbungsprozess

_01 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.

_02 Coding Challenge (30 Min)
Wenn dein Profil passt, schicken wir dir einen Link. Vier kurze Aufgaben aus unserem Alltag mit Next.js, TypeScript und Sanity – wann du sie machst, entscheidest du. Kein Take-Home-Projekt über ein Wochenende: eine halbe Stunde, mehr nicht.

_03 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.

_04 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.

_05 Und dann geht's 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.

Du denkst das könnte passen? Let’s talk!

Du bewirbst dich am schnellsten über unsere Online-Bewerbung: Ein paar Angaben zu dir und schon geht’s los.

Und wenn du ein eigenes Projekt hast, über das du eine Stunde reden könntest: Link her!