All projects

Modernizing a 6 year old website

  • Maintenance
  • Marketing Websites

The website of the Gallery J.P. Schneider was migrated to a modern tech stack, enhancing performance and streamlining content management.

Client J.P. Schneider Logo
Cover Image Additional Project Image

Project Details

Duration 2 weeks
Tools
  • null Logo
  • React Logo
  • Vercel Logo
Project Lead:
Daniel Becker

Daniel Becker

Co-Founder, Head of Tech

Schedule Meeting

The project involved migrating the J.P. Schneider website from an outdated Gatsby version to a modern and efficient tech stack based on Remix . The migration focused on improving site performance, streamlining content management processes, and ensuring a scalable, future-proof solution. The result was a faster, more reliable website.

Objective & Solution

Six years after launching their original website, the client remained satisfied with the content management experience and design. However, parts of the site had become a maintenance burden. The goal was to migrate J.P. Schneider’s website from Gatsby to a modern, flexible platform without compromising the existing content and design, while ensuring future scalability.

After evaluating various approaches, the team decided to replace the frontend framework and data fetching while retaining the rest of the tech stack. The transition was straightforward due to the stable nature of React, the use of (S)CSS modules for styling, and Vite’s convenient default configuration.

Project Outcomes

  • Improved Website Performance

    The migration led to faster page load times and improved overall site responsiveness.

  • Streamlined Content Management

    The dynamic nature of Remix (compared to Gatsby) allows for faster content previews improving the editing experience.

  • Future-Proof Platform

    The modern tech stack ensures scalability and easier integration of new features in the future.

Project Deliverables

The following are some of the deliverables that were created for this project.

  1. Deliverable

    Tech Stack Migration

    Implementation

    Successfully migrated the website from Gatsby to Remix, ensuring better performance and maintainability.

  2. Deliverable

    Performance Optimization

    User Experience

    The new setup keeps the fast load times while improving the editor’s experience when working on content updates.

  3. Deliverable

    Responsive Design Adjustments

    Design

    Ensured the website remains fully responsive across all devices, providing a seamless experience for users on mobile, tablet, and desktop.

Explore Next Project

Bike Sizing widget for smartfit – online sizing

Project

Explore Project

Bike Sizing widget for smartfit – online sizing