Forward-Deployed Engineer

Company: Vercel

Remote: No

Posted: 2026-03-16

Status: new

Apply: https://vercel.com/careers/forward-deployed-engineer-5778418004


Forward-Deployed Engineer((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f?.[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","zeit-theme","system",null,["light","dark"],{"light":"light-theme","dark":"dark-theme"},true,true)
// Protect Geist code blocks from 1Password DOM flattening
(function() {
  const codeBlockSnapshots = new WeakMap();
  let isRestoring = false;

  function saveSnapshot(codeElement) {
    if (!codeBlockSnapshots.has(codeElement)) {
      codeBlockSnapshots.set(codeElement, codeElement.cloneNode(true));
    }
  }

  function checkAndRestore(codeElement) {
    if (isRestoring) return;

    // Check if our specific structure was flattened
    const hasOurStructure = codeElement.querySelector('[data-geist-code-block-line]');
    const snapshot = codeBlockSnapshots.get(codeElement);

    if (!hasOurStructure && snapshot && snapshot.querySelector('[data-geist-code-block-line]')) {
      // Our structure was destroyed (likely by 1Password), restore it
      isRestoring = true;
      codeElement.innerHTML = snapshot.innerHTML;
      isRestoring = false;
    }
  }

  function initializeCodeBlocks() {
    document.querySelectorAll('code[data-geist-code-block]').forEach(saveSnapshot);
  }

  // Single global observer for all code blocks
  const globalObserver = new MutationObserver(function(mutations) {
    if (isRestoring) return;

    mutations.forEach(function(mutation) {
      // Check if new code blocks were added
      mutation.addedNodes.forEach(function(node) {
        if (node.nodeType === 1) {
          if (node.matches && node.matches('code[data-geist-code-block]')) {
            saveSnapshot(node);
          } else if (node.querySelectorAll) {
            node.querySelectorAll('code[data-geist-code-block]').forEach(saveSnapshot);
          }
        }
      });

      // Check if existing code blocks were modified
      var target = mutation.target;
      if (target.nodeType === 1) {
        // Check if the target itself is a protected code block
        if (target.matches && target.matches('code[data-geist-code-block]')) {
          checkAndRestore(target);
        }
        // Check if the target contains protected code blocks
        else if (target.closest && target.closest('code[data-geist-code-block]')) {
          checkAndRestore(target.closest('code[data-geist-code-block]'));
        }
      }
    });
  });

  // Initialize existing code blocks and start observing
  function init() {
    initializeCodeBlocks();
    globalObserver.observe(document.documentElement, {
      childList: true,
      subtree: true,
      characterData: true
    });
  }

  // Run immediately and after DOM is ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=this._requestMethod??"GET",k=c.find(a=>{let b=f({path:i.pathname,pattern:e(a.path)}),c=a.method===j||"*"===a.method;return b&&c});if(!k)return g.call(this,d);let l=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(l)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",j),0!==l.b||b.loaded||((1===l.d||k?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(l)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",j);let m=new XMLHttpRequest;return m._isReexecution=!0,m.open(j,h,!0),m.setRequestHeader("x-is-human",JSON.stringify(l)),m.setRequestHeader("x-path",i.pathname),m.setRequestHeader("x-method",j),this.timeout&&(m.timeout=this.timeout),this.responseType&&(m.responseType=this.responseType),this.withCredentials&&(m.withCredentials=this.withCredentials),m.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:m.readyState,writable:!0,configurable:!0}),m.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:m.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:m.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:m.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:m.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:m.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>m.getAllResponseHeaders(),this.getResponseHeader=a=>m.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},m.onload=a=>{this.onload&&this.onload.call(this,a)},m.onerror=a=>{this.onerror&&this.onerror.call(this,a)},m.onabort=a=>{this.onabort&&this.onabort.call(this,a)},m.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},m.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},m.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},m.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},m.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=d?.method??(c instanceof Request?c.method:"GET"),l=a.find(a=>{let b=f({path:g.pathname,pattern:e(a.path)}),c=a.method===k||"*"===a.method;return b&&c});if(null==l||!j)return b(c,d);let m=await h.getChallenge(),n=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));n.set("x-is-human",JSON.stringify(m)),n.set("x-path",g.pathname),n.set("x-method",k);let o={...d,headers:n};return i.loaded||0!==m.b?b(c,o):1===m.d||l?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,o)):b(c,o)}}({protect:a})})({ protect: [{"path":"/api/solution-partners/contact-solution-partner","method":"POST"},{"path":"/api/report-abuse","method":"POST"},{"path":"/api/appeals","method":"POST"},{"path":"/api/ai/gateway-playground/chat/logged-out","method":"POST"}] });ProductsAI Cloudv0Build applications with AIAI SDKThe AI Toolkit for TypeScript
  
  AI GatewayOne endpoint, all your modelsVercel AgentAn agent that knows your stackSandboxAI workflows in live environmentsCore PlatformCI/CDHelping teams ship 6× fasterContent DeliveryFast, scalable, and reliableFluid ComputeServers, in serverless formObservabilityTrace every stepSecurityBot ManagementScalable bot protectionBotIDInvisible CAPTCHAPlatform SecurityDDoS Protection, Firewall









Web Application FirewallGranular, custom protectionResourcesCompanyCustomersTrusted by the best teamsBlogThe latest posts and changesChangelogSee what shippedPressRead the latest newsEventsJoin us at an eventLearnDocsVercel documentationAcademyLinear courses to level upKnowledge BaseFind help quicklyCommunityJoin the conversationOpen Source
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Next.jsThe native Next.js platformNuxtThe progressive web framework
  
  
  
  
  
  
  
  SvelteThe web’s efficient UI framework
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  TurborepoSpeed with Enterprise scaleSolutionsUse Cases
  
  AI AppsDeploy at the speed of AIComposable CommercePower storefronts that convertMarketing SitesLaunch campaigns fastMulti-tenant PlatformsScale apps with one codebaseWeb AppsShip features, not infrastructureToolsMarketplaceExtend and automate workflowsTemplatesJumpstart app developmentPartner FinderGet help from solution partnersUsersPlatform EngineersAutomate away repetition



Design EngineersDeploy for every ideaEnterprisePricing
        @media (max-width: 1150px) {
          #header-content { display: none; }
        }
      
        @media (min-width: 1151px) {
          #mobile-menu-toggle { display: none; }
        }
      Field EngineeringBerlin, LondonFull TimeForward-Deployed EngineerCareers /Field EngineeringField EngineeringBerlin, LondonFull TimeAbout Vercel:Vercel gives developers the tools and cloud infrastructure to build, scale, and secure a faster, more personalized web. As the team behind v0, Next.js, and AI SDK, Vercel helps customers like Ramp, Supreme, PayPal, and Under Armour build for the AI-native web. Our mission is to enable the world to ship the best products. That starts with creating a place where everyone can do their best work. Whether you're building on our platform, supporting our customers, or shaping our story: You can just ship things.About the role:We are looking for a Forward-Deployed Engineer to join our Professional Services team. This is not a traditional consulting role—you will embed directly with our most strategic enterprise customers to drive transformational outcomes across frontend modernization, platform migrations, and AI adoption.In this role, you will lead complex Next.js migrations, architect high-performance applications, and build production AI solutions—all within customer environments. You'll work hands-on-keyboard alongside customer teams, whether you're migrating a legacy React application to App Router, conducting a deep-dive code audit, or deploying production agents using Vercel's AI SDK. You will be equally comfortable leading a technical discovery session with engineering leadership as you are refactoring a complex rendering strategy or optimizing an agentic workflow.Our Forward-Deployed Engineers operate with high agency and autonomy. You'll navigate ambiguous enterprise environments, assess technical debt, design migration strategies, and deliver measurable business value—all while building long-term relationships that expand our partnership with each customer.You will report to the Director of Professional Services and will be remote-first with significant travel (25-40%) to customer sites for embedded engagements.What you will do:Lead complex frontend migrations—modernizing legacy React, Vue, or other frameworks to Next.js, including Pages to App Router transitions, incremental adoption strategies, and large-scale codebase transformations.Conduct technical assessments and code audits, analyzing customer codebases for performance bottlenecks, architectural anti-patterns, and optimization opportunities—delivering actionable roadmaps that drive measurable improvements.Architect and implement high-performance Next.js applications, leveraging App Router, Server Components, streaming, ISR, edge functions, and advanced rendering strategies to meet enterprise scale and performance requirements.Optimize Core Web Vitals and application performance, using tools like Vercel Speed Insights to diagnose issues and implement fixes that improve SEO, conversion rates, and user experience.Build production AI solutions using Vercel's AI SDK and AI Cloud—including conversational interfaces, production agents, MCP servers, and agentic workflows that transform customer operations.Embed with strategic customers to build production applications—working within their systems, understanding their constraints, and shipping TypeScript code that goes live.Drive enablement and knowledge transfer through workshops, pair programming, and documentation—ensuring customer teams can extend and maintain solutions independently.Navigate complex enterprise environments by building relationships with stakeholders across engineering, product, and executive teams—translating technical capabilities into business outcomes.Participate in pre-sales activities by providing technical expertise during discovery calls, scoping sessions, and proposal development for migrations, audits, and AI transformation engagements.Contribute to our service evolution by identifying repeatable patterns, building reusable components, and sharing implementation insights back to Product and Engineering teams.About you:5+ years of experience in software engineering with at least 2 years in a customer-facing technical role (consulting, solutions engineering, forward deployed engineering, or technical founder experience).Expert-level TypeScript skills—this is your primary language. You write production TypeScript daily and have strong opinions on type safety, patterns, and tooling.Deep expertise in Next.js, with a proven track record of architecting and delivering complex applications using App Router, Server Components, server-side rendering (SSR), static generation (SSG), incremental static regeneration (ISR), and edge functions.Demonstrated experience leading frontend migrations—you've modernized legacy applications to Next.js, navigated incremental adoption strategies, and understand the challenges of migrating large codebases in production environments.Mastery of React and its ecosystem, including advanced state management, performance optimization, and modern patterns like streaming, suspense, and concurrent features.Production experience with LLMs and AI applications, including prompt engineering, agent development, and tool use patterns. Familiarity with Vercel's AI SDK is strongly preferred.High agency with comfort in ambiguity—you thrive when given a problem to solve rather than a task to complete, and you can navigate complex organizations to drive outcomes.Exceptional communication skills with the ability to conduct technical discovery, present to executives, mentor engineers, and build lasting customer relationships—all with a low-ego, collaborative approach.Business acumen to understand customer objectives, translate technical capabilities into ROI, and identify expansion opportunities throughout engagement lifecycles.Willingness to travel 25-40% to customer sites for embedded work and relationship building.Bonus if you:Have led large-scale migrations from legacy frameworks (Create React App, Gatsby, custom webpack setups) to Next.js in enterprise environments.Have expertise in performance optimization and Core Web Vitals, with experience diagnosing and fixing LCP, CLS, and INP issues at scale.Have experience with Model Context Protocol (MCP), building MCP servers, or implementing complex tool-use patterns in production AI applications.Have led enterprise AI transformation initiatives, including building production agents that automated manual processes or replaced legacy systems.Have worked with micro-frontends, module federation, or multi-team frontend architectures.Have contributed to the Next.js, React, or AI SDK open-source projects, or maintain popular related libraries.Have experience with enterprise deployment patterns including security reviews, compliance requirements, and multi-region architectures.Have a background in financial services, healthcare, retail/e-commerce, or media—industries with complex frontend ecosystems and growing AI adoption.Have spoken at conferences or published thought leadership on frontend architecture, migrations, or AI applications.Benefits:Great compensation package and stock options.Inclusive Healthcare Package.Learn and Grow - we provide mentorship and send you to events that help you build your network and skills.Flexible Time Off - Flexible vacation policy with a recommended 4-weeks per year, and paid holidays.Remote Friendly - Work with teammates from different time zones across the globe.We will provide you the gear you need to do your role, and a WFH budget for you to outfit your space as needed.Apply for RoleApply Now.Tell us why you’d be a good fit for the Forward-Deployed Engineer role.First NameLast NameEmail AddressPhone NumberResumeUpload your resumeResume should be a PDF under 3.5MB.Are you currently based in any of these countries? Please note these are the only countries where we are accepting applications​United States​Germany​United Kingdom​Argentina​Australia​Canada​India​Japan​OtherWill you require Visa Sponsorship now, or in the future?​Yes​NoYour authorization to work in the country where you live. Please choose the option that describes your work authorization.
​I am authorized to work in the country due to my nationality​I am authorized to work in the country based on a valid work permit and do not need a company to sponsor my visa​I am authorized to work in the country based on a valid work permit which needs to be sponsored by the company I work for​I am not authorized to work in the country and need visa support​OtherDo you live in one of the following states?
Alabama, Alaska, Delaware, Kansas, Maine, Mississippi, Montana, Nebraska, New Mexico, North Dakota, South Dakota, West Virginia, or Wyoming.​Yes​NoBy submitting my application, I acknowledge that I have read and understand Vercel’s  Job Applicant Privacy Notic

Back