How to make a website without reloading pages?

Question

CMS

Hi all!

How are these sites made?
https://meduza.io/ , kremlin.ru

The question is how the site works without reloading, and opens any pages + URL change + browsing history.

What technologies at the same time server/client are used?
Are there ready-made solutions (CMS), using the link above as an example?

Answer 1

The browser has a history api with which you can track the transition between pages and, instead of requesting a page from the server, make a request, get JSON data and render the page directly on the client.
Such applications are called SPA and for their development they use frameworks - react (not a library, but together with the infrastructure), angular2, ember.
The server in this case looks like a REST API (gives JSON data) and can be implemented on anything. Usually it is PHP (symfony2\laravel\yii\...), nodejs, Java (spring MVC), go, ruby ​​and so on. Depending on tasks.

Answer 2

What exactly is dynamic? If you are talking about responsiveness, then it's just CSS @media , for Wordpress , I think almost all themes are responsive

Answer 3

install the Wappalyzer plugin in your browser - it helps to determine what the site is made on
joxi.ru/Q2KqbbNhq9aXrj
and in general such sites can be made on almost any CMS. For example, on Wordpress.
And the design is drawn in Photoshop and then converted to html-css using a layout designer.