Izomorfní webové aplikace s využitím frameworků Next.js a Meteor.js

Jan ŠTROSSER

Bachelor's thesis

Isomorphic web applications using Next.js and Meteor.js frameworks

Abstract:

Cílem bakalářské práce bude představit a otestovat principy tvorby tzv. izomorfních webových aplikací s využitím nových frameworků Next.js a Meteor.js. Základní charakteristikou izomorfní webové aplikace je sdílení kódu mezi její serverovou a klientskou stranou, v tomto případě se jedná o použití JavaScriptu nejen pro webový prohlížeč, ale také pro server. Realizace tématu bude zaměřena na tvorbu izomorfních aplikací pomocí dvou nových frameworků Next.js a Meteor.js, které zefektivňují a usnadňují vývoj aplikací. Bude především zpracován jejich význam a porovnání s klasickou tvorbou webových aplikací a budou otestovány výhody a nevýhody jejich použití. V praktické části práce budou vytvořeny dvě izomorfní Single page webové aplikace (SPA) s využitím server-side renderingu (SSR), který oba frameworky využívají. Opět bude následovat porovnání obou použitých postupů, zjištěny rozdíly, výhody a nevýhody použití Nextu a Meteoru z praktického pohledu vývojáře. Při tvorbě komplexní aplikace budou také využívány tradiční JavaScriptové frameworky React a Node.js.

Abstract:

The point of the bachelor thesis will be to present and test the principles of creating so-called isomorphic web applications using the new Next.js and Meteor.js frameworks. The basic characteristic of an isomorphic web application is the sharing of code between its server and client side, in this case it is the use of JavaScript not only for the web browser, but also for the server. The implementation of the topic will focus on the creation of isomorphic applications using two new frameworks Next.js and Meteor.js, which streamline and facilitate the development of applications. Their significance and comparison with the classical creation of web applications will be elaborated, and the advantages and disadvantages of their use will be tested. In the practical part of the work, two isomorphic Single page web applications (SPA) will be created using server-side rendering (SSR), which both frameworks use. Again, a comparison of both used procedures will follow, identifying the differences, advantages and disadvantages of using Next and Meteor from a practical developer's point of view. Traditional JavaScript frameworks React and Node.js will also be used when creating a complex application.

Keywords

Single-page aplikace (SPA), server-side rendering (SSR), framework, JavaScript, React, Node.js, Next.js, Meteor.js, Blaze

Language used: Czech

Date on which the thesis was submitted / produced: 18. 4. 2023

Thesis defence

• Supervisor: PaedDr. Petr Pexa, Ph.D.

UNIVERSITY OF SOUTH BOHEMIA IN ČESKÉ BUDĚJOVICE

Faculty of Education

Bachelor programme / field:
Specialization in pedagogy / information technology and e-learning