Full-Stack TypeScript Engineer (Next.js + React Flow) Milestone Project | 4-Phase Delivery

Full-Stack TypeScript Engineer (Next.js + React Flow)
| 4-Phase Delivery

**Please do not apply for this job if you do not have a portfolio.**

We’re hiring a highly capable Full-Stack Engineer to help deliver a fast-paced milestone for a next-generation, AI-powered web platform. You’ll work directly with the founder to design and implement type-safe systems that merge Next.js, React Flow, Prisma, and OpenAI-compatible agent orchestration into a modern, intelligent workflow experience.

This project is structured as a Milestone based engagement, divided into four milestone-based payouts (25% / 50% / 75% / 100%), each tied to tangible, verifiable deliverables.

Scope of Work

You’ll build and integrate key components for a cutting-edge workflow and AI orchestration platform, including:

Developing a responsive, high-performance UI in Next.js (App Router) with Tailwind v4 and shadcn/ui.

Implementing a visual builder using React Flow for drag-and-drop node composition.

Creating type-safe APIs in Express.js with Prisma ORM and PostgreSQL.

Managing state and validation with Zustand, React Hook Form, Zod, and TanStack Query v5.

Integrating NextAuth for authentication and Stripe for subscription billing.

(Optional) Adding LangGraph, Modal, or OpenAI APIs for multi-agent orchestration.

Delivering a production-ready build with Docker, GitHub Actions, and deployment to Vercel / AWS.

Payment & Milestones

The project will be completed in four structured phases, with each phase triggering a milestone payment upon completion.

Milestone 1 — 25%: Setup & Foundation

Project scaffolding with Next.js + Express + Prisma + PostgreSQL

Base authentication via NextAuth

Docker environment configured for local parity

CI/CD pipeline established (GitHub Actions + Vercel/Render)

Type-safe folder structure with Zod schemas, linting, and formatting

Milestone 2 — 50%: Core Backend & API Layer

Fully functional Express API with modular routing and Prisma integration

Core entities implemented: Users, Projects, Workflows, Nodes

TanStack Query integrated for server-state management and mutations

Stripe test mode integrated for billing (subscription or usage-based)

Database migrations and seed scripts completed

Milestone 3 — 75%: Frontend Integration & Visual Builder

Core UI components: Dashboard, project pages, forms, modals

React Flow canvas built for visual workflow creation

Frontend and backend integration tested and functional

Zustand implemented for local state + optimistic updates

(Optional) Real-time updates using Supabase Realtime or WebSockets

Milestone 4 — 100%: Polish, Optimization & Delivery

End-to-end integration testing and type validation

Full schema consistency and error handling verified

Responsive design with dark/light theme support

Production deployment verified and live

Final deliverables: architecture documentation, .env setup, and deployment notes

Tech Stack Overview

Frontend

Next.js (15) with React Server Components and Turbopack

React (19) + TypeScript

Tailwind CSS v4, shadcn/ui, Radix Primitives

TanStack Query v5, Zustand, React Hook Form, Zod

React Flow for visual workflow design

Backend

Node.js + Express.js (TypeScript)

PostgreSQL + Prisma ORM

NextAuth for auth

Stripe for payments

(Optional) LangGraph, Modal, Supabase for advanced features

Infrastructure

Docker & Docker Compose

GitHub Actions (CI/CD)

Vercel / AWS / Render / Railway for hosting and deployment

Requirements

Must-Have Experience

Deep expertise in Next.js, React, TypeScript, and Tailwind CSS

Strong backend experience in Express.js, Prisma, and PostgreSQL

Proven use of TanStack Query, React Hook Form, and Zod

Solid understanding of Docker, CI/CD, and environment configs

Examples of production-grade UI or dashboard work

Nice-to-Have

React Flow or graph-based interface experience

Exposure to LangGraph, LangChain, or agentic frameworks

Familiarity with Supabase, AWS, or sandboxed compute environments

Experience with Stripe and webhooks

Timeline

Total Duration: 2 weeks

Milestone Payments: 25% / 50% / 75% / 100?liverable: A functional, deployable milestone representing the foundation of an intelligent workflow builder

Potential Extension: Continued collaboration for AI orchestration, sandboxed execution, and automation modules

How to Apply

To be considered, please include:

A brief introduction and relevant project links

Examples of Next.js, React Flow, or Prisma work

Confirmation of 4 week availability

Acknowledgment of the milestone-based payment structure