Storyblok DeepL Translation Plugin

The Challenge

1NCE, a global IoT connectivity provider, was facing critical issues with content localization in their Storyblok CMS. They had initially attempted to use Virtual Identity's existing DeepL App for Storyblok, but encountered a fundamental problem: while the plugin successfully duplicated content, it completely failed to perform any actual translation.

At a high-level, 9thCO helped 1NCE to develop a custom solution as well as technical specifications for secure plugin architecture.

The Solution

9thCO worked closely with 1NCE to develop a replacement solution that not only fixed the translation functionality but exceeded the original plugin's capabilities. 9thCO then built out a robust plugin using React and Vercel serverless architecture following Storyblok's Partner Portal requirements.

Once the requirements were mapped, 9thCO developed a custom Storyblok tool plugin from the ground up. Our expert Development Team took into consideration all the project requirements including 1NCE's security needs and recommended a serverless architecture that allows for continuous scaling. For the translation plugin, some of the notable technologies that were put in place include:

• Custom Storyblok tool plugin with iframe-based architecture

• React 19 with TypeScript for type-safe component development

• Vercel serverless functions for secure API processing

• Storyblok App Bridge OAuth 2.0 authentication

• AES-256-GCM encryption for sensitive API key storage

• DeepL API integration with batch translation capabilities

• Material UI components for consistent Storyblok interface integration

• Automated folder structure creation based on content hierarchy