Недавно я посетил встречу в Мемфисе, организованную Брайаном Робинсоном. Он опытный веб-разработчик с упором на создание статических сайтов.
Это побудило меня наконец создать свой собственный статический сайт с использованием архитектуры JAMstack! Итак, я построил этот шаблон блога (живой) с помощью GatsbyJS и Netlify. Вот Github Repo.
Маяк Аудит
Я очень доволен тем, как получился сайт. Я использовал инструмент Lighthouse для аудита сайта Гэтсби и своего блога. Lighthouse встроен в браузер Chrome. Это отличный автоматизированный инструмент для проведения аудита веб-страниц.
Вот результаты:
Оценка Lighthouse для моего блога React/Rails:
Оценки не ужасны, но определенно есть куда расти.
Оценка Lighthouse для сайта JAMstack:
Сайт JAMstack почти идеально подходит по показателям Lighthouse. Навигация по сайту отражает эти оценки: страницы загружаются молниеносно быстро и в целом выглядят четкими.
Ресурсы
Если вы заинтересованы в дальнейшем изучении JAMstack, вот некоторые ресурсы, которые я использовал при изучении этой темы:
- Что такое JAMstack? простой учебник по архитектуре JAMstack.
- Gatsby Tutorial: это проведет вас через ваше первое приложение Gatsby. На сайте есть много стартеров, которые помогут вам запустить и запустить ваш первый сайт. Лично я использовал gatsby default starter.
- Нетлифай
- Tania Rascia: она же мой герой веб-разработки.