--- title: CW Bearing - Leading Customized Ball Bearings Manufacturer url: "https://nitsantech.de/en/typo3-projects/cw-bearing" description: Discover CW Bearing, a leading custom ball bearings manufacturer in Hamburg, offering efficient, tailored solutions with a fast TYPO3 Headless website. date: 2024-05-15 modified: 2025-11-20 lastUpdated: 2026-02-25 categories: - TYPO3 --- # CW Bearing - Leading Customized Ball Bearings Manufacturer Boosting CW Bearing's Digital Capabilities - A Headless Solution Built With TYPO3 ================================================================================= **Techniology** TYPO3 Headless & React Js **TYPO3 version** v11 **Customised Extensions** 4 **Visit Website** [ https://cwbearing.de/ ](https://cwbearing.de/) ![CW Bearing Detail Img](data:,) CW Bearing - Leading the Bearing Solution Provider -------------------------------------------------- CW Bearing, based in Hamburg, Germany, a leading manufacturer of customised ball bearings. Founded in 1996, they've become Cixing's biggest sales branch globally. With a focus on efficiency, they supply Europe from their Hamburg warehouse and use on-site experts and labs to develop custom-bearing solutions for their customers. CW Bearing's existing website lacked the speed, responsiveness, and performance capabilities to effectively generate leads. Clients need to use front-end technologies like **React, Bootstrap**, and **SASS**, with **TYPO3 Headless** as the backend in the website in website development. For that, CW Bearing partnered with NITSAN to develop an ultra-fast **TYPO3 headless website**. **Requirements and Challenges for this project** - Use T**YPO3 Headless** Concept - **Ultra-fast Website** Performance with Fast Loading Time - Content Translation & Integration with DeepL in **multi-language** - Migrate Old **Flex to Mask** Elements - Multi-language support for Website - Visual Representations of Their Products - Upgrade Website to latest TYPO3 v11 Words From Our Customers ------------------------ ![Marko Göls]() #### Marko Göls Head of Digital Projects Very good tech company for TYPO3 projects and web projects of all sizes. Excellent communication skills, very good project management and implementation abilities. Transparent process and QA. Very motivated team and nice people, where you can build a trusted relationship. Thank you for your support! Challenges for Us! ------------------ Team At CW GmbH Share their Needs and Scope of these projects ,Their primary goals are focused on creating a faster experience using TYPO3 Headless technology. They want a website that loads in a blink, eliminating wait times for visitors. Additionally, they aim to break down language barriers by having the website automatically adjust to the user's location . In essence, CW GmbH seeks a website that's swift, informative, and visually engaging for an overall improved user experience. **Requirements and Challenges for this project** - Use TYPO3 Headless Concept - Ultra Responsive Website Performance with Fast Loading Time - Content Translation with DeepL in multi language - Migrate Old **Flex to Mask** Elements - Multi Language Support for Website - Visual Representations of Their Products - Content Integration in Multi language - Upgrade Website to latest TYPO3 v11 Solution We Delivered --------------------- We delivered a solution that met their needs for a website with both functional and technical excellence. We implemented **TYPO3 Headless Development** to utilise the latest technology stack. Additionally, we migrated from older TYPO3 elements to new mask elements and product configurations. We also enhanced the visual showcase of their information and improved the usability of the backend with customized options. ![Built With TYPO3 Headless and React Js](data:, "Built With TYPO3 Headless and React Js") ### **Built With TYPO3 Headless and React Js** The main focus of this website was utilize frontend technologies like React.js, Bootstrap, and SaaS to achieve faster loading times. For improved backend usability, TYPO3 Headless as the backend technology. This combination of **TYPO3 Headless + React.js** has resulted in a high-performing website with significantly faster loading times ![Developed Product Configure Extension](data:, "Developed Product Configure Extension") ### **Developed Product Configure Extension** CW Bearings needed a better way to display its complex product range with many variations. To address this custom requirement , we developed a **custom TYPO3 extension** called the **Product Configurator Extension**. That can enable customers to find products on bearing base type ![7+ Multi Languages Support](data:, "7+ Multi Languages Support") ### **7+ Multi Languages Support** We provide multi-language support in **07+** or more languages (**EN,I.T,FR,PL,DE**). This approach facilitates accessibility for global audiences, making communication and exchange more seamless and enjoyable for everyone, regardless of language barriers. ![Better Visual Representation](data:, "Better Visual Representation") ### **Better Visual Representation** One of our main challenges stemmed from the client's requirement to showcase a vast and intricate product catalogue with diverse specifications. This wasn't just about presenting all the data and information; it was crucial to make it visually appealing and user-friendly. **We developed following custom solutions** - Developed custom theme (**ns\_theme\_cwbearing**) - Implement **grid system** and **Headless Grid Elements Extension** ![Better Backed Usability](data:, "Better Backed Usability") ### **Better Backed Usability** CW Bearings needed a website that could effectively support multiple languages while maintaining a user-friendly backend experience for their team. The existing system lacked the flexibility to accommodate their specific content management needs **We implemented several enhancements including** - Custom **Theme Selection** Options - Used **TYPO3 Base Theme** - Ultimate **Backend Preview** Options - Added **Grid Container System** - DeepL Translate for Easy Content Translations - Add Our **Flush Webhook Cache Extension** ![Upgrade to latest TYPO3 v11](data:, "Upgrade to latest TYPO3 v11") ### **Upgrade to latest TYPO3 v11** We partnered with CW Bearings to upgrade their website to the latest version of TYPO3 v11. This comprehensive upgrade addressed their key challenges and resulted in several significant benefits - Boosted backend flexibility with **Node.js v13** upgrade - Enhanced performance & scalability with **React v18** upgrade - Over **11+** key website pages were customized - Implemented **Flex to mask** website elements Other References ---------------- [ ![wir leben ne](https://nitsantech.de/data:, "wir leben ne") ![wir leben ne](https://nitsantech.de/data:, "wir leben ne") TYPO3 ### Modern City Website Development with TYPO3 v11 for Wir Leben Neu Create a modern city website that enhances user experience and showcasing city news and insights with TYPO3. ](https://nitsantech.de/en/typo3-projects/wir-leben-ne "Modern City Website Development with TYPO3 v11 for Wir Leben Neu")