← Projects

freelance · completed

Agendalo.io - SSR Migration

Migration of the frontend platform to server-side rendering (SSR) to improve SEO and platform ranking.

Role
Frontend engineer · Architecture and delivery
Period
2021-07 — 2022-05
Agendalo.io - SSR Migration

01

Challenge

The platform relied on a single-page application that limited search visibility and made a safe architectural migration difficult.

02

Approach

I migrated the frontend to Nuxt SSR, introduced unit and end-to-end coverage, and preserved the platform's critical user flows throughout the transition.

Project Goals

Architecture Migration

Migrate the single-page application (SPA) to a server-side rendered (SSR) application to improve SEO and platform ranking.

Performance Optimization

Improve the efficiency and load time of the application to provide a smoother and faster user experience.

Error Prevention in Migrations

Ensure a smooth transition to the new architecture through extensive testing and quality controls.

03

Impact

  • Improved the platform's search visibility after the SSR migration
  • Introduced unit and end-to-end test coverage
  • Completed the SPA-to-SSR architecture migration

Technologies Used

VueWebpackTypeScriptNuxtNodeJavaScriptCypressJest

Key Features

Server-Side Rendering (SSR)

Migration of the platform to a server-side rendered (SSR) application using Nuxt.js. This improves visibility in search engines and the end-user experience.

Improved SEO

Improved indexing and ranking in search engines through the implementation of SSR, ensuring that web pages are correctly indexed and presented to users in search results.

Automated Testing

Development and integration of an automated testing framework that includes unit tests and end-to-end (E2E) tests. This ensures system stability and allows early detection of errors in application components and flows.

Optimized Performance

Optimization of the overall performance of the application through SSR, ensuring fast load times and a smooth user experience. This includes infrastructure tuning and the implementation of best practices for system efficiency.

Gallery

The system in context

Architecture Overview
Overview of the architecture of the SSR migration.
Have a similar challenge? Let's talk.