Migrated the Traditional Website of a FinTech Startup to a Modular React-Based Web Framework

The client chose Velotio as its strategic engineering partner because of our in-depth expertise in building high-performance SSR B2C applications. Velotio’s team took on the challenge of a short timeline head-on to build an all-new website from scratch.

We initiated the project by delving into the research phase, thoroughly exploring the Prisma setup and its seamless integration with the NextJS framework. Our primary objective was to devise a robust schema capable of effectively handling queries involving multiple-level joins and nested queries.

• For the front end, we used the Next.js framework. Next.js is a React-based framework for building web applications. It provided additional structure, features, and optimizations for the website. It helped us configure tooling like bundling, compiling, and more. Furthermore, it enhanced the performance and SEO using server-side rendering and building the components beforehand to reduce the application load time.

• We used Prisma ORM as it allowed us to define our application models in an intuitive data modeling language using the schema provided by its toolkit and reference it with the actual data structure.

• My SQL was our pick for a database dump, which we used as a reference to define the data models in the Prisma schema.

• And, we used ButterCMS for content management. It helped us create, manage, and modify content on a website without the need for technical knowledge. It was used to define and preview the end-user scope in the draft state before the final publication. 

Subsequently, we established the architecture that would enable server-side rendering and Incremental site regeneration, particularly tailored to accommodate complex routing requirements. By adopting this approach, we ensured optimal performance and modularization throughout the development process.

Throughout the project, we emphasized maintaining a continuous feedback loop, enabling us to adhere to timelines and uphold the expected high-quality standards of the application. We made sure that the SEO indexing of the client website didn't drop, and in fact, we tried to make it better by reducing load times, better lighthouse scores, etc.

Finally, we seamlessly integrated a content management system (CMS) to enable comprehensive testing of live blog features and previews. Upon reaching satisfaction with the development phase, we promptly handed the codebase to the client.