Webentwickler für Next.js und React (m/w/d)

Droste Digital; Bielefeld; Hybrid; EUR 60.000 - 85.000; Vollzeit

Zusammenfassung

Droste Digital ist eine Boutique-Agentur aus Bielefeld. Wir realisieren Webprojekte im deutschsprachigen Raum, oft als Relaunch, mit Schwerpunkt auf Next.js/React, sauberem Markup und Performance. Du arbeitest remote an wenigen Projekten gleichzeitig und triffst Entscheidungen dort, wo die Arbeit erledigt wird.

Du übernimmst die Umsetzung mit Next.js, React, Tailwind, TypeScript und Deployment. Wir setzen auf Eigenverantwortung, Code-Qualität und enge Abstimmung mit Kunden in Deutsch.

Qualifikationen

• Fundierte Kenntnisse in TypeScript, Next.js und React.
• Erfahrung beim Aufbau von performanten Webseiten mit sauberem Markup.
• Verständnis von barrierefreier und semantischer HTML/CSS-Struktur.
• Souveräne Arbeit in Remote-Teams und eigenverantwortliche Projektübernahme.

Aufgaben

• Umsetzung von Kundenwebsites mit Next.js/React, sauberem Markup und schnellen Ladezeiten.
• Deployment, Release-Planung und Domain-Umzüge eigenständig durchführen.
• Arbeiten am Portal/Produkt mit Prisma, NextAuth und next-intl.
• Qualitätssicherung durch Tests und Code-Reviews vor Livegang.

Kenntnisse

Next.js

React

TypeScript

Tailwind CSS

HTML/CSS

Performance

Deployment

Tools

Prisma

PostgreSQL

NextAuth

next-intl

react-hook-form

zod

sharp

Vercel

Jobbeschreibung

Droste Digital ist eine Boutique-Agentur aus Bielefeld. Wir bauen Websites für Industrie und produzierenden Mittelstand, fast immer als Relaunch: die Seite gibt es schon, sie ist nur zehn oder fünfzehn Jahre alt und bringt dem Betrieb nichts mehr ein.

Unsere Kunden sitzen im gesamten deutschsprachigen Raum, einzelne Auftritte bauen wir mehrsprachig. Von unseren 31 Projekten laufen 20 auf Next.js und React, dazu kommt unser Kundenportal als eigenes Produkt. Wir arbeiten remote und an wenigen Projekten gleichzeitig, und entschieden wird dort, wo die Arbeit gemacht wird.

Du übernimmst bei uns die Umsetzung: Next.js, React, sauberes Markup, Ladezeiten und das Deployment. Es geht nicht um zwanzig kleine Seiten im Monat, sondern um wenige Projekte gleichzeitig, bei denen jedes Detail sitzen muss.

Für den Kunden ist so ein Relaunch ein Umzug, und bei einem Umzug geht traditionell etwas verloren. Dass es bei uns nicht die Sichtbarkeit ist, für die er jahrelang bezahlt hat, hängt an der Sorgfalt an genau dieser Stelle.

Bau & Umsetzung:

Du baust unsere Kundenwebsites in Next.js und React mit dem App Router. Von unseren 31 Projekten laufen 20 darauf, und alles Neue kommt so.

Zwei Baulinien:

TypeScript benutzen wir in allen neueren Projekten und im Kundenportal durchgehend. Im Portal arbeiten wir mit Tailwind in Version 4, in den Template-Projekten mit Sass und Bootstrap.

Portal & Produkt:

Das Kundenportal ist unser eigenes Produkt und läuft mit Prisma auf PostgreSQL, NextAuth in Version 5 und next-intl. Dort arbeitest du an einer Anwendung statt an einer Website.

Formulare, die zweimal prüfen:

Gebaut werden sie mit react-hook-form und zod, damit im Browser und auf dem Server dasselbe geprüft wird.

Bilder & Ladezeiten:

Bei Industriekunden ist das ein Dauerthema. Du arbeitest mit sharp und next/image und misst gegen die Core Web Vitals, statt zu schätzen.

Technische Grundlage:

Seitenstruktur, Metadaten, strukturierte Daten und eine Überschriftenhierarchie, die nicht nur nach Design aussieht. Tastaturbedienung, Kontraste und Alt-Texte sind bei uns normale Qualität und nicht Kür.

Livegang & Umzug:

Deployment läuft über Vercel. Livegang und Domainumzug machst du selbst, mit allem, was daran hängt, von den alten Adressen bis zu den Weiterleitungen.

Prüfen vor dem Schalten:

Vor jedem Livegang laufen unsere eigenen Prüfskripte in Node, gate.mjs, migration.mjs und template_treue.mjs. Was die drei melden, wird abgearbeitet, bevor eine Seite online geht.

Danach bleibt es deins: Nach dem Livegang bleiben die Seiten bei uns in Betreuung. Du siehst also über Monate, was deine Entscheidungen im Betrieb anrichten.

Projekte statt Abschluss:

Du hast mit Next.js und React Projekte gebaut, die wirklich live gegangen sind. Zeig uns lieber zwei oder drei davon als ein Anschreiben. Nach einem Studium fragen wir nicht.

Handwerk:

TypeScript, HTML und CSS sitzen. Du weißt, wann ein div reicht und wann es ein button sein muss, und du baust ein Layout auch, wenn kein fertiges Komponenten-Set daneben liegt.

Ownership:

Technische Entscheidungen triffst du selbst. Wenn dir an einer Stelle etwas wackelig vorkommt, sprichst du es an, statt es durchzuwinken.

Blick für Lücken:

Wie sich die Navigation auf dem Handy verhält oder was passiert, wenn ein Kundentext doppelt so lang ist wie im Layout, sind Fragen, die du stellst, bevor sie beim Livegang auftauchen.

Deutsch in Wort und Schrift:

Du pflegst Kundentexte selbst ein, und die Abstimmung mit unseren Kunden läuft auf Deutsch.

Remote statt Präsenz:

Wo du wohnst, ist uns gleich, solange du in deutschen Zeiten erreichbar bist. Einen Standort, an den du pendeln müsstest, gibt es bei uns nicht.

Ein Projekt gehört dir:

Von vorn bis hinten. Du bekommst einen Entwurf und ein Datum, an dem die Seite online sein soll, und entscheidest selbst, wie du dorthin kommst.

Freiheit im Stack:

Du löst es, wie du es für richtig hältst, solange die Seite schnell bleibt und der Nächste den Code noch lesen kann.

Antworten am selben Tag:

Fragen zu Umfang, Technik oder Zeitplan klärst du direkt, ohne Umweg über eine Abteilung.

Der Stack ist nicht in Stein:

Wenn du für Bildpipeline, Komponenten oder Deployment etwas Besseres kennst, setzen wir es um.

Remote, Abstimmung auf Deutsch:

Gearbeitet wird remote, gesprochen wird per Videokonferenz mit geteiltem Bildschirm.

Wir sprechen uns per Video. Ein Gespräch mit geteiltem Bildschirm, so wie wir auch mit Kunden arbeiten. Wir zeigen dir, woran wir gerade sitzen, und du erzählst uns, was du bisher gebaut hast und was du davon wieder anders machen würdest.

Ein Fachgespräch und danach die Entscheidung. Wir sehen uns Code von dir an, gern aus einem Projekt, das live gegangen ist, und sprechen über die Entscheidungen darin. Danach sagen wir dir zu oder ab, und zwar so, dass du weißt, woran es lag.