How a FinTech Enterprise Cut Build Time to Just 2 Months

• Headquarters: Amsterdam, The Netherlands
• Technology Stack: Next.js, AWS

New10 is a FinTech company that is gaining popularity in the Dutch loan and finance scene. To keep up with the company's growth and future plans, they needed a strong CMS. New10 used Storyblok to help shorten build time and set up their teams for success. By using Storyblok, they built their site in only 2 months from a Gatsby setup to a NextJS implementation with the Storyblok Bridge and client API.

Moving from one headless platform to another

When New10 started out, they used a headless CMS to build their website. This acted as a building block in the form of a website builder for the content team. But as New10 grew, the CMS became too complicated to use. They decided to rethink their website and come up with new requirements to make it better, including:

• A more dynamic setup to ease developer reliance by the content team
• A ready-to-use system that is server-side rendered and dynamically updated

Taking on Storyblok as New10’s CMS of choice

Staying with their previous CMS meant an entirely new pipeline and deployment would have had to be built from scratch. It was decided then that New10’s main website would be hosted through Storyblok. The CMS can handle static product pages, campaign pages targeted for Google Ads, blog pages, and unique client story pages.

New10 was also able to fulfill the following requirements with Storyblok through:

• A Visual Editor with an easy-to-understand UI and ease of setup
• An accessible app store that could host New10’s exploration into their new space
• AWS-based to support their previous technology stack as well as compatible with S3 backups
• Allowing marketers to make their own decisions and changes without any dependency on a developer
• An Image API on the tech side that could allow resizing of images on the fly
• An out-of-the-box headless system that was easy to use for both developers and marketers
• Improve previous publishing times from 15 minutes to a matter of seconds. The team can view real-time changes using NextJS and publish them due to caching. This way, the team can stay up-to-date with the latest changes without any delays.

How does New10 use Storyblok for its various product pages to support its growth?

New10 hosts multiple content types that host various sections of their main website. This allows their content types to be interchangeable and build any static page they need on the go. On the front end, the website is hosted through NextJS to build all components. It also means they’ll be able to expand to the many pages and website sections they’ll need as they grow.

On their previous setup, it took 15 minutes to run a pipeline, and finding any mistakes at the end meant restarting the process from scratch. With Storyblok, changes can be live-previewed via NextJS with production through caching. This allows everything to be regenerated server-side. Deployments no longer need to be code-based, as they are all stored in Storyblok.

Building a website in a matter of 2 months

The entire process had an overall build time of 2 months. This includes migration from the previous headless CMS and Gatsby setup to NextJS implementation. By far, New10 noted that the biggest success was in their lead time for content changes. The Visual Editor and Storyblok’s staging features streamlined the content process for the team.

New10 was also able to introduce its own component blocks to its setup. This is through a data layer that connects to custom Storyblok-related components that then load agnostic components. This led to a major improvement in the speed it took to push new pages, campaigns, or content live. For the engineers, building new components and schemas within their setup has been easy and straightforward. New engineers that have joined need only one sprint (1 to 4 weeks) to be up and running with Storyblok without any prior experience.