Fireshoes: estudo de caso de desenvolvimento de front-end utilizando estratégias de regeneração estática incremental e renderização pelo lado do servidor

Abstract

A necessidade crescente de se ter performance aliada aos benefícios do desacoplamento de front-end e back-end em sites e aplicações web modernas provocou uma revolução na forma com que se desenvolve e consume conteúdo. A última década teve um cenário fértil para o surgimento e popularização das Aplicações de Página Única — Single Page Applications (SPA’s) — modelo este que tem como principal mote a construção e renderização de sites inteiros pelo navegador (cliente). Contudo, apesar de trazerem uma série de bônus, esse tipo de aplicação é também pernicioso em outras frentes. A partir daí surge a necessidade de buscar outras estratégias para solucionar esses problemas, tais como a Geração estática de sites, Regeneração estática incremental e Renderização pelo lado do servidor. Este estudo de caso se propõe a aplicar esses conceitos dentro de uma aplicação factível e que atende os critérios estabelecidos ao longo do projeto.

The growing need for performance allied to the benefits of decoupling front-end and back-end in modern websites and web applications has caused a revolution in the way we develop and consume content. The last decade had a fertile scenario for the emergence and popularization of Single Page Applications (SPA's) - a model whose main motto is to build and render entire sites through the browser (client). However, despite bringing a series of bonuses, this type of application is also pernicious on other fronts. From there arises the need to look for other strategies to solve these problems, such as Static Site Generation, Static Incremental Regeneration, and Server-side Rendering. This case study proposes to apply these concepts within a feasible application that meets the criteria established throughout the project.