Поэтому в последнее время, выбирая инструменты, необходимые для создания личного проекта, я понял, что не совсем понимаю, что такое статические и динамические веб-сайты.
Вам кажется, что этот сайт статичен?
Это первый сайт, который я создал, изучая React + Redux. Он использует API Github для получения количества пользователей, зарегистрированных в данном городе, а затем создает круговую диаграмму с помощью Plotly.js, которая показывает относительное количество пользователей в каждом из запрошенных городов. Это статический веб-сайт, я тогда не знал о нем, поэтому я использовал Heroku для его развертывания, который является более полезным инструментом для динамических веб-сайтов. Если бы я знал, я мог бы использовать более простой инструмент, такой как Surge.sh или страницы github, для развертывания моего сайта.
Если быть точным, то сайт выше представляет собой одностраничное приложение. Потому что, хотя контент динамически реагирует на ввод пользователя, на самом деле он загружается в браузер пользователя только один раз, а все последующие изменения выполняются через интерфейсный код, который запрашивает API, получает ответы и обновляет представление.
Если бы это был динамический сайт, то после получения запроса от клиента ответственность за создание нового представления и его отправку обратно клиенту лежала бы на сервере. Каждый запрос приводил бы к ответу с совершенно новым представлением, а не просто с небольшой информацией, в данном случае количеством пользователей на город.
Существует множество ресурсов, на которых обсуждаются плюсы и минусы динамических и статических сайтов. Я не хочу здесь вдаваться в подробности. Просто у меня здесь был небольшой ага момент, и я хотел поделиться им с вами.
И еще несколько хороших статей:
