egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создание полнофункционального блога на Astro
Build a Full Stack Blog with Astro
★5 (всего оценок - 2)
Продолжительность
2 ч 43 мин
Категория
Другое (Frontend)Количество уроков
23 Видео
Дата добавления
3 окт. 2025 г., 21:12
Язык
Английский
Дата обновления
30 апр. 2026 г., 00:26
Практический курс «Создание полнофункционального блога на Astro» поможет вам шаг за шагом разработать современный, быстрый и удобный блог — от верстки и генерации контента до интеграции с базой данных и деплоя. Курс сфокусирован на реальной разработке и дает навык построения продакшн‑проекта без лишней теории.
Что вы изучите в процессе обучения
Курс охватывает полный цикл создания контент‑ориентированного сайта. Вы научитесь работать с Astro как с полноценным инструментом для разработки современного блога.
Стилизация и структура проекта
- Построение адаптивного макета.
- Использование различных подходов к стилям без потери производительности.
- Организация структуры проекта для масштабирования.
Компонентный подход в Astro
- Создание переиспользуемых компонентов.
- Работа со статическими ресурсами и оптимизация изображений.
Управление контентом
- Использование Content Collections в Astro.
- Валидация и типобезопасность данных через Zod.
- Создание удобной структуры для публикации статей.
Динамический функционал
- Реализация пагинации.
- Создание динамических страниц и маршрутов.
- Настройка логичной навигации по сайту.
SEO‑оптимизация
- Настройка метатегов и микроразметки.
- Использование пакета astro-seo для повышения видимости в поиске.
Интерактивность и работа с JavaScript
- Добавление React‑компонентов для интерактивных элементов.
- Оптимизация клиентской части с переходом на Vanilla JS.
Интеграция с бэкендом
- Создание API‑эндпоинтов в Astro.
- Работа с базой данных через Drizzle ORM.
- Проектирование простой, но расширяемой серверной логики.
Автоматическая генерация OG‑изображений
Вы научитесь автоматически создавать изображения для соцсетей, чтобы ваши статьи выглядели профессионально при публикации.
Что вы получите после завершения курса
В результате прохождения курса у вас будет полностью развернутый full‑stack блог, готовый к использованию или расширению. Вы получите практические навыки, которые пригодятся в любых веб‑проектах:
- работа с базами данных;
- создание API и серверной логики;
- контейнеризация приложений;
- деплой в продакшн.
Курс идеально подходит для разработчиков, которые хотят освоить Astro и научиться создавать быстрые, SEO‑оптимизированные и технологичные сайты на современном стеке.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:04:20Intro: Build a Full Stack Blog with Astro
- Урок 2. 00:04:12Create an Astro Project and Set up the Dev Environment
- Урок 3. 00:09:05Style Astro Pages with Many Different Options
- Урок 4. 00:02:37Create Static Pages in Astro Using File Based Routing
- Урок 5. 00:04:25Create and Apply a Layout to Astro Pages
- Урок 6. 00:05:25Create an Astro Component for Links
- Урок 7. 00:05:23Render Images to Pages with Astros Static Serving and Static Assets
- Урок 8. 00:07:49Create Astro Content Collections with Zod for a Typesafe Blog
- Урок 9. 00:06:09Render an Astro Blog Post Page with getStaticPaths
- Урок 10. 00:09:21Implement Pagination in a Dynamic Astro Index Page with getStaticPaths and paginate
- Урок 11. 00:05:02Implement SEO in an Astro Website with astro-seo
- Урок 12. 00:06:56Generate a Sitemap in Astro with the sitemap Integration
- Урок 13. 00:07:25Generate an RSS Feed for an Astro Blog with @astrojs/rss
- Урок 14. 00:01:02Deploy a Static Astro Site on Vercel
- Урок 15. 00:01:31Milestone Recap: Build a Full Stack Blog with Astro
- Урок 16. 00:07:57Add Interactive React Components to a Static Astro Page with Astro Islands
- Урок 17. 00:07:58Refactor a React Astro Island to Vanilla JS to Ship Less JavaScript
- Урок 18. 00:02:24Create a fly.io Account and Prepare a Project for Deployment
- Урок 19. 00:07:50Dockerize a Server-side Rendered (SSR) Astro Blog and Deploy to Fly.io
- Урок 20. 00:09:28Create a GitHub Action Configuration to Automatic Deploy an Astro Blog
- Урок 21. 00:15:32Implement Drizzle ORM for Development and Deploy to a Fly.io Volume
- Урок 22. 00:11:57Create Astro API Endpoints to Get and Update Database Records using Drizzle ORM
- Урок 23. 00:19:28Implement Dynamic OG Image Generation with Astro API Routes and Satori
https://github.com/nikolovlazar/egghead-personal-blog-astro/
Автор - egghead
Комментарии