An online tool with ready-to-use templates and elements for quickly building a website.
NestJS
Microservice architecture
GrapesJS
Stripe
InternetX
AWS
Crowdin
Storyblok
MUI
GraphQL Federation
ApolloGraphQL
Nx monorepo
Client’s brief
- Adapt and modify the website builder system due to modern technology trends
- Implement database migration
- Implement multilingualism
- Migrate existing subscribers to the updated platform
- Integrate a subscription service
- Support of the main website
Challenges and Solutions
01
Subscription migration
Our client has 11 million users, so one of the main goals was to migrate existing subscribers to the updated platform. The core target audience is seniors. That`s why we built all the functionality to be as simple as possible.
02
Implementing ready-made solutions
Due to hard deadlines, the customer's requirement was to use a ready-made solution instead of creating one from scratch. After the research, we chose GrapesJS.
We chose monorepo with Nx — a next-generation build system with first-class monorepo support and powerful integrations. Our system has a lot of shared code between sub-apps and backend microservices, so this solution best fits the customer's needs. As a result, users can see what they are creating when using the website builder platform while all code is automatically tuned into output HTML, JS, and CSS files.
We also implemented a domain purchase opportunity with a third-party provider InterNetX.
03
Multiple apps development
We divided a platform's front-end and back-end parts into separate sub-modules:
- Account app, which is responsible for authorization, authentication, dashboard, and so on
- Order management app for dealing with payments
- Editor app to create websites
Since we expect that some parts of the system will be updated in the future due to scaling or other reasons, such a separation will make implementing any necessary changes easier.
04
Integration of a subscription service
The system has three premium subscription options. Two payment methods are available: cards and SEPA (by Stripe).
In addition to technical development, our team performed the business advisor role. We consulted our client in:
- dealing with edge cases
- calculations and risks related to purchasing, canceling, upgrading, and downgrading subscriptions
- UI\UX solutions
05
Implementing multilingualism
The resource is available in two languages — English and German. We are working on partial localization with Italian, French, Spanish, Turkish, and Polish.
We have implemented multilingualism with the Crowdin service and i18next library. The service does machine translations into the required languages and creates a pool request. Later, all translations can be manually verified and, if necessary, edited.
06
Support of the main website
The company's main website was recently rebuilt using a headless CMS system Storyblok by a third-party developer. But still, it remained inconvenient and slow. Our team has implemented full website support by fixing code defects and improving the site performance to create a better user experience.
Results
The client received a website builder with all the needed features. The usage of the solution has become more convenient for both existing and new customers. Our team has improved project performance, implemented the required payment systems, integrated multilingualism, ensured security, and created future system upgrade opportunities. We keep going with our work to make the service better and more competitive.
Let's engineer your breakthrough
79015, Smal-Stotskoho St. 1 Ukraine
50-062, Plac Solny 15 Poland