Давайте окунемся в мир самых быстрых сайтов.
Генераторы статических сайтов становятся все более популярными.
Статические сайты обслуживались интернет-миром на ранних стадиях веб-разработки. Затем появились динамические веб-сайты, что считалось большой эволюцией. Теперь статические сайты возвращаются, только на этот раз они большие.
Нет никаких сомнений в том, что с ростом сообщества Jamstack генераторы статических сайтов станут следующим большим достижением.
И именно поэтому сегодня в этой истории я познакомлю вас с 14 отличными генераторами статических сайтов.
Давайте приступим.
1. Гэтсби
Если вы знакомы с концепцией генератора статических сайтов, скорее всего, вы знаете и о Гэтсби, потому что сегодня он наиболее часто используется.
Что заставляет меня влюбиться в Gatsby, так это его удивительные плагины. Когда я сталкиваюсь с проблемой, всегда есть плагин, который может мне помочь. Вы должны не торопиться и попробовать, это стоит каждой секунды.
2. React Static
Https://github.com/react-static/react-static
React Static - еще один отличный генератор статических сайтов, построенный на основе React. Цель React Static - обеспечить простую и лучшую разработку с небольшой кривой обучения.
3. Сапер
Sapper - это не просто генератор статических сайтов. Более того. Вы можете использовать Sapper для создания страниц, отображаемых на сервере, определения конечных точек API и создания высокопроизводительных веб-приложений.
4. Nextjs
Он построен на основе React, самой популярной на данный момент среды JavaScript, что делает Nextjs отличным вариантом для создания статических сайтов и даже приложений с серверной визуализацией и прогрессивных веб-приложений.
5. Nuxtjs
Nuxtjs поддерживает серверный рендеринг, а также может создавать статические сайты, как и Nextjs. Хотя Nextjs построен на основе React, вам понадобится фон Vue для работы с Nuxtjs.
Vue дает вам возможность автоматической маршрутизации. Вот почему вам следует подумать о том, чтобы попробовать Nuexjs, потому что маршрутизация - это своего рода проблема с одностраничным приложением.
6. Джекил
Если вы заметили это, страницы Github работают на Jekyll.
С момента появления Джекила прошло больше десяти лет. Нет ничего сложного в создании высокоскоростного сайта с помощью Jekyll. Вы можете использовать его для создания своих статических веб-сайтов и блогов, как это делают страницы Github.
Jekyll использует markdown, язык разметки для форматирования текста, чтобы создать чистый макет для ваших сайтов. Более того, шаблонизатор Liquid сделает задачу еще проще.
Вдобавок ко всему, если у вас есть существующий сайт и вы хотите перенести его на Jekyll, вы можете использовать его встроенные инструменты, чтобы упростить процесс.
7. Хьюго
Hugo поставляется с сотнями тем, из которых вы можете выбирать при создании своих статических сайтов. Плюс Хьюго быстро создает сайт.
Посмотрите Hugo, если вы хотите создать сайт без сложных конфигураций.
8. Vuepress
Vuepress - это минималистичный генератор статических сайтов для технической документации на базе Vue.
Vuepress также поставляется с системой тем на базе Vue и крутыми плагинами. В будущем планируется расширить возможности Vuepress. Попробуйте и убедитесь.
9. Докзавр
Вы просто сосредотачиваетесь на написании контента блога или документации, а Docusaurus позаботится о статических файлах HTML и опубликует их.
Функция управления версиями Docusaurus - классная. С каждым выпуском проекта эта функция будет поддерживать вашу документацию в актуальном состоянии.
10. Скалли
Вы можете использовать Скалли для создания быстрых приложений Angular и статических веб-сайтов. Скалли выполняет предварительный рендеринг всего веб-сайта в простой HTML и CSS и дает вам возможности одностраничного приложения на основе Angular.
11. Одиннадцать
Eleventy - это тот, который работает с множеством языков шаблонов, таких как .hbs, .md, .html, .ejs и так далее. Вы даже можете использовать все эти языки шаблонов в одном проекте.
12. Docsify
Docsify отлично подходит для создания веб-сайтов с документацией. Он анализирует файлы уценки, чтобы отобразить их как HTML.
Docsify поддерживает компоненты Vue. Это означает, что вы можете смешивать эти компоненты в файлы уценки и отображать их. Но это еще не все.
Docsify даже удовлетворяет вас полезными темами, плагинами и интересными функциями, такими как автономное использование, функция поиска, отображение эмодзи и т. Д.
13. Сетка
Если в React есть Gatsby, то Gridsome - это ответ Vuejs. Gridsome - это новый проект, но он набирает обороты благодаря своим функциям. Если у вас есть проблемы с SEO для одностраничного приложения, возможно, вам нужно Vuejs.
Gridsome также поставляется с отличной экосистемой плагинов, которая упростит ваши задачи по созданию статических сайтов.
14. Скальпин
Sculpin написан на PHP, одном из самых популярных языков в настоящее время.
Как и любые другие генераторы, Sculpin берет ваши файлы разметки и конвертирует их в статический HTML, чтобы увеличить скорость сайта.
Вам следует попробовать это, если вы знакомы с PHP.
Заключение
Мы возвращаемся к ранним этапам веб-разработки с помощью простых статических файлов HTML. Однако это не обратная эволюция.
Статические сайты могут сэкономить массу времени и денег и при этом создавать высокопроизводительные веб-приложения.
Вы сейчас используете генератор статических сайтов? Какой из них твой любимый? А что вы думаете об этой веб-эволюции?
Надеюсь, вам понравится эта история.
