Declarative Generation of React.js-based Modern Web Pages Using SuperSQL

In recent years, the concept of the modern web has become widespread. This is based on a single page that contains multiple contents in one web page and can switch contents smoothly without page transition, and is excellent in user interface and user experience. In this paper, we propose a system that generates React.js-based modern web pages using SuperSQL. SuperSQL is an extension language of SQL, and it is possible to realize various layout expressions by structuring the output results of relational databases. The system we propose in this paper makes it possible to generate modern web pages declaratively with a smaller amount of code than before. This leads to providing users with a rich web experience while reducing the burden on web page developers.