This role involves building new features and optimizing the front-end experience for their eCommerce site (Shopify Plus, headless architecture), while also contributing to back-end functionality and integrations.  Responsibilities include creating new UI/UX components, building reusable content blocks with Contentful CMS, integrating interactive media, handling back-end integrations with Shopify Plus, Contentful CMS, and Jasper Product PIM, and optimizing site performance. The ideal candidate will have strong proficiency in Next.js, Tailwind CSS, TypeScript, and experience with building and consuming RESTful APIs and GraphQL.  Collaboration with designers, product managers, and back-end developers is crucial.

<p><span style="color: rgba(0, 0, 0, 0.6);">Computer Hardware Manufacturing</span></p>

Corsair

Sr. Commodity Buyer

Oracle Application Developer

Document Control Assistant

DIY Marketing Specialist, Vietnam

Commodity Buyer

Gaming Content and Social Media Specialist, DACH

BI Developer

Shipping Discrepancy Analyst

Supply Chain Planner

Senior Product Manager - Furniture

<div class="cc-row__content cc-columns-count-1" data-bind="class: 'cc-columns-count-' + columns.length">
        
        <div class="cc-column cc-column--default" data-bind="style: { backgroundColor: params.backgroundColor, backgroundImage: backgroundSrc },
               class: 'cc-column--' + size()" style="background-color: rgba(255, 255, 255, 0);">
    <cc-parallax params="backgroundSrc: backgroundSrc, isParallaxEnabled: isParallaxEnabled">
</cc-parallax>

    <cc-video-background params="videoUrl: params.backgroundVideo, videoWrapper: true, isFullscreen: false">
</cc-video-background>

    <div class="cc-column__content">
        
        
<div data-bind="class: uniqueWrapperClass" class="component-styling-wrapper-38">
    <style data-bind="text: customCss"></style>

    <div class="job-details__section" data-bind="
            class: customizationParams.commonParams.cssClass,
            attr: { id: customizationParams.commonParams.cssId },
            customStyles: customizationParams.commonParams,
        ">
        
        <h2 class="job-details__description-header text-color-secondary font-family-secondary" data-bind="i18n: 'job-details.job-info-title'">Job Info</h2>
        

        <div class="job-details__info-section">
            <div class="job-meta">
                <div class="job-meta__inner">
                    <ul class="job-meta__list">
                        
                        <li class="job-meta__item">
    <span class="job-meta__title" data-bind="text: name">Job Identification</span>
<span class="job-meta__subitem" data-bind="text: value">8278</span>

</li>

                        
                        <li class="job-meta__item">
    <span class="job-meta__title" data-bind="text: name">Job Category</span>
<span class="job-meta__subitem" data-bind="text: value">Marketing</span>

</li>

                        
                        <li class="job-meta__item">
    <span class="job-meta__title" data-bind="text: name">Posting Date</span>
<span class="job-meta__subitem" data-bind="text: value">03/24/2025, 06:58 PM</span>

</li>

                        
                        <li class="job-meta__item">
    <span class="job-meta__title job-meta__title--locations" data-bind="text: name">Locations</span>
<span class="job-meta__subitem">
    <span class="job-meta__locations">
        
        <span class="job-meta__pin-item">
            <em class="job-meta__pin-icon"></em>
            115 North McCarthy Blvd., Milpitas, CA, 95035, US
        </span>
        
    </span>
    
</span>

</li>

                        
                        <li class="job-meta__item">
    <span class="job-meta__title" data-bind="text: name">Degree Level</span>
<span class="job-meta__subitem" data-bind="text: value">Bachelor's Degree</span>

</li>

                        
                        <li class="job-meta__item">
    <span class="job-meta__title" data-bind="text: name">Job Schedule</span>
<span class="job-meta__subitem" data-bind="text: value">Full time</span>

</li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


        
    </div>
</div>

        
    </div><div class="cc-row__content cc-columns-count-1" data-bind="class: 'cc-columns-count-' + columns.length">
        
        <div class="cc-column cc-column--default" data-bind="style: { backgroundColor: params.backgroundColor, backgroundImage: backgroundSrc },
               class: 'cc-column--' + size()" style="background-color: rgba(255, 255, 255, 0);">
    <cc-parallax params="backgroundSrc: backgroundSrc, isParallaxEnabled: isParallaxEnabled">
</cc-parallax>

    <cc-video-background params="videoUrl: params.backgroundVideo, videoWrapper: true, isFullscreen: false">
</cc-video-background>

    <div class="cc-column__content">
        
        
<div data-bind="class: uniqueWrapperClass" class="component-styling-wrapper-26">
    <style data-bind="text: customCss"></style>

    <div class="job-details__section" data-bind="
            class: customizationParams.commonParams.cssClass,
            attr: { id: customizationParams.commonParams.cssId },
            customStyles: customizationParams.commonParams,
        ">
        
        <h2 class="job-details__description-header text-color-secondary font-family-secondary" data-bind="i18n: 'job-details.job-description-title'">Job Description</h2>
        

        <div class="job-details__description-content basic-formatter" data-bind="html: pageData().job.description"><p>We are a fast-growing eCommerce company specializing in high-performance sim racing hardware. Our mission is to deliver the best tools for sim racing enthusiasts, with a focus on providing premium, high-quality products. We're building an advanced, user-friendly online experience for our passionate community, and we're looking for a talented Hybrid Front-End &amp; Full-Stack Developer to join our team.</p>
<p><b>Role Overview:</b>&nbsp;</p>
<p>We are seeking a dynamic and versatile developer to take on a hybrid front-end and full-stack role. You’ll be responsible for building new features and optimizing the front-end experience for our eCommerce site, while also contributing to the back-end functionality and integrations. This role involves collaborating with cross-functional teams to develop new UI/UX components, creating reusable content blocks with Contentful CMS, and ensuring the site is media-rich and performs efficiently across all devices.</p>
<p>As part of the development team, you’ll work within our modern tech stack—Shopify Plus (headless), Contentful CMS, Jasper Product PIM, React, Next.js, Tailwind CSS, and TypeScript—to create an engaging, performance-driven site that supports our growing business.</p>
<p><b>Key Responsibilities:</b></p>
<ul>
 <li><b>Front-End Development:</b>
  <ul>
   <li>Build and maintain new user-facing features and enhancements using Next.js, Tailwind CSS, and TypeScript.</li>
   <li>Create responsive, performant UI components that deliver a seamless shopping experience across devices.</li>
   <li>Implement and integrate interactive media, such as product videos, images, and customer reviews, ensuring a rich and engaging browsing experience.</li>
  </ul></li>
 <li><b>Full-Stack Development:</b>
  <ul>
   <li>Work on the back-end integrations with Shopify Plus, Contentful CMS, and Jasper Product PIM to ensure smooth data flow and a cohesive user experience.</li>
   <li>Develop custom API integrations and manage Shopify Plus headless interactions for product, pricing, and cart functionality.</li>
   <li>Assist with back-end optimizations to ensure the site’s scalability, performance, and security.</li>
  </ul></li>
 <li><b>Contentful Integration:</b>
  <ul>
   <li>Collaborate with content teams to build and manage reusable, customizable content block templates in Contentful CMS.</li>
   <li>Revisit and refactor existing content blocks for better usability and design updates.</li>
   <li>Create dynamic, media-rich landing pages that update with ease.</li>
  </ul></li>
 <li><b>Performance Optimization:</b>
  <ul>
   <li>Optimize front-end code and assets for fast loading times and high performance on all devices, particularly for media-heavy content.</li>
   <li>Ensure accessibility, SEO best practices, and page speed are prioritized in all front-end development.</li>
   <li>Develop with ADA practices in mind.</li>
  </ul></li>
 <li><b>Collaboration &amp; Maintenance:</b>
  <ul>
   <li>Work closely with designers, product managers, and back-end developers to deliver high-quality features on time.</li>
   <li>Participate in code reviews, bug fixing, and troubleshooting as part of a collaborative, agile team.</li>
   <li>Help maintain documentation for best practices and internal workflows.</li>
  </ul></li>
</ul>
<p><b>Key Qualifications:</b></p>
<ul>
 <li><b>Technical Skills:</b>
  <ul>
   <li>Strong proficiency in <b>Next.js</b>, <b>Tailwind CSS</b>, <b>TypeScript</b>, and modern front-end JavaScript frameworks.</li>
   <li>Experience with <b>Shopify Plus</b>, preferably in a headless architecture.</li>
   <li>Familiarity with <b>Contentful CMS</b> and <b>Jasper Product PIM</b> or similar platforms.</li>
   <li>Experience with building and consuming <b>RESTful APIs</b> and <b>GraphQL</b>.</li>
   <li>Knowledge of version control systems like <b>Git</b>.</li>
  </ul></li>
 <li><b>Development Expertise:</b>
  <ul>
   <li>Proficiency in both <b>front-end</b> (UI/UX design, responsive web development, performance optimization) and <b>back-end</b> (API integration, server-side rendering, database integration) development.</li>
   <li>A keen eye for clean, maintainable, and modular code.</li>
   <li>Strong problem-solving skills and an ability to deliver solutions under tight deadlines.</li>
  </ul></li>
 <li><b>E-commerce Experience:</b>
  <ul>
   <li>Understanding of eCommerce best practices, especially in a high-performance, product-centric environment.</li>
   <li>Previous experience building or maintaining media-rich websites for eCommerce platforms is a plus.</li>
  </ul></li>
 <li><b>Soft Skills:</b>
  <ul>
   <li>Strong communication and collaboration skills, with the ability to work effectively in a hybrid environment.</li>
   <li>A proactive attitude and a passion for staying on top of emerging technologies and trends.</li>
   <li>Excellent organizational skills, with the ability to manage multiple tasks and priorities simultaneously.</li>
   <li>Ability to collaborate with a global team in the USA, Europe and Asia.</li>
  </ul></li>
</ul>
<p><b>Bonus Skills:</b></p>
<ul>
 <li>Experience with <b>Shopify’s Liquid</b> templating language.</li>
 <li>Familiarity with <b>JAMstack</b> architecture and best practices.</li>
 <li>Experience with <b>GraphQL</b> or other headless CMS technologies.</li>
 <li>Knowledge of performance tools like <b>Lighthouse</b> or <b>Web Vitals</b>.</li>
 <li>A passion for gaming and/or sim racing.</li>
</ul>
<p><span>For roles that are based at our headquarters in Milpitas, CA: The starting base pay for this position is as shown below. The actual base pay is dependent upon a variety of job-related factors such as professional background, training, work experience, location, business needs and market demand. Therefore, in some circumstances, the actual salary could fall outside of this expected range. This pay range is subject to change and may be modified in the future.&nbsp;&nbsp;</span></p>
<p><span>Annual Salary Range $100,000—$130,000 USD</span></p></div>
    </div>
</div>


        
    </div>
</div>

        
    </div>

Front-End / Full-Stack Developer