Потрясающий Астро
Кураторские ресурсы по созданию сайтов с помощью Astro — совершенно нового способа создания статических и серверных сайтов с межплатформенными компонентами, стилями и реактивной поддержкой магазина. Если вы цените контент, поддерживаете наглядность проектов, дайте ?| | ?.
Astro — это супер-пупер новый продукт , который улучшается и становится более выразительным и мощным, но немногие API-интерфейсы все еще развиваются. Эта страница призвана собрать все ценные ссылки и стать полезным ресурсом, когда astro выйдет в свою первую стабильную версию.
Официальные документы | Запустите новый проект или используйте Code Sandbox.
✍️ Блоги
Найдите НОВОЕ в заголовках сообщений, чтобы найти блоги, опубликованные после Astro 1.0.
- Представляем Astro: используйте меньше JavaScript - Фред К. Шотт
- Взгляд на строительство с Astro - Крис Койер
- Мысли об Astro - Крис Койер
- Наш опыт работы с Astro - Жорж
- Astro с Netlify CMS, Forestry CMS (повторное посещение) и Snipcart — Navillus
- Как использовать Astro для создания приложений React без JavaScript — Колби Файок
- Создавайте крутые и быстрые сайты с помощью Astro: Введение — Кэссиди Уильямс
- Первый взгляд на Astro, астрономические результаты
- Почему Астро имеет значение
- SvelteKit для Astro
- Начало работы с Astro — инновационным генератором статических сайтов
- Astro станет вашим любимым генератором статических сайтов
- Создайте веб-сайт с коллекцией рецептов с помощью Astro - Parts → 1 - 2 - 3 - 4 - 5
- Astro: создавайте более быстрые приложения с меньшим количеством JavaScript
- Серия — Изучайте Astro, создавая чернила — Get Up & Running
- Серия - Изучайте Astro при создании Ink - Astro и структура сайта
- Серия - Изучайте Astro, создавая чернила - Astro и данные
- Серия - Изучайте Астро, создавая чернила - Астро и интерактивность
- Серия - Изучайте Astro при создании Ink - Astro и Dynamic Pages
- Начало работы с Астро
- Миграция со SvelteKit на Astro
- Персональный веб-сайт с Astro, Tailwind CSS и Nx
- Astro о работниках Cloudflare
- Дело об Астро
- Узнайте о преимуществах Astro.js, создав быстрое приложение НОВИНКА
- Эксперименты с Astro и API перехода к общим элементам НОВИНКА
- Создание бессерверных приложений с помощью Fauna + GraphQL + Astro НОВИНКА
- Узнайте, как установить Astro с помощью Tailwind CSS и Flowbite НОВИНКА
- Автоматические предложения статей в Astro NEW
- Изучите Astro, создав свое веб-портфолио (испанский) НОВИНКА
- Анимированные файлы SVG — идеальный веб-формат НОВИНКА
- Введение в систему контента Astro НОВИНКА
? Видео/Скринкасты/Twitch
- Astro только что запущен.... Может ли это быть совершенный веб-фреймворк?
- Ускоренный курс астрономии Брэда Трэверси
- Что нового в Astro v1?
- Я впервые пробую Астро!
- Астро и Свелте
- Современные веб-сайты с каскадными слоями CSS и Astro
- Следующая волна веб-фреймворков — BYOJS.
- Поездка с Astro - портфолио
До 1.0
- Используйте меньше JavaScript с Astro - Фредд К. Шотт и Джейсон Ленгсторф
- Speakeasy JS – Astro: новая архитектура для современной сети – Фред К. Шотт (YouTube – Speakeasy JS)
- «Астрономия за 100 секунд» — Джефф Делани («Боевой корабль»)
- Тявканье об Astro — Крис Койер (CSS Tricks)
- Астро, кстати! Vue и React могут работать вместе в одном приложении — Jamstack Fridays
- Изучение астрономии с Нейтом Муром – Нейт Мур (YouTube – React Wednesdays)
- Используйте меньше JS с Astro - Обучение Jamstack
- Создавайте макеты шаблонов для вашего HTML с помощью Astro SSG — Кевин Пауэлл
- Создавайте более быстрые веб-сайты с Astro
- Добавляйте комментарии с помощью Airtable и Netlify
- Развивайте сообщество с помощью открытого исходного кода | Фред К. Шотт из Astro| Секретный соус
? Сжатые мысли (темы в Твиттере)
- Жорж об Astro как метавеб-фреймворке
- Нейт Мур о внедрении Incremental Framework, поддержке Solid.js и будущем без
import React from 'react'
для компонентов. - Мэтью Филлипс об Astro for Web Components, освещенных и отображаемых на сервере пользовательских элементах
- Мэтью Филлипс об Astro Loading
- Нейт Мур о базовом размере пакета JS
- Создайте целевую страницу за 30 секунд
- Опыт маршрутизации на стороне клиента с API Shared Element Transitions
Репозитории/Стартовые наборы/Компоненты
- Astro-реакция-vue-демо
- Astro-netlify-стартер
- Astro Ink — четкая, минималистичная тема личного блога для Astro.
- Astro Me — четкая, минималистичная тема личного портфолио для Astro.
- Стартовый набор Астро
- Астростатический твит
- Пример астроперевода
- Astro Ghost CMS Starter — Стартер Ghost CMS для Astro
- Astro Theme - Creek - Тема блога для Astro
- Astro Theme — Odessey — тема маркетингового веб-сайта, созданная с помощью Astro и тщательно разработанная для стартапов и бизнеса.
- Astro Theme - Sarissa Blog - Адаптивная тема блога для Astro
- Astro Theme — Cactus — простой, продуманный стартер, созданный с использованием платформы Astro для блога или веб-сайта.
- Тема Astro — AstroWind — запущен шаблон для создания веб-сайта с использованием CSS Astro и Tailwind.
- Astro Theme — Bigspring Light Astro — Astro Business тема с использованием Astro и Tailwind CSS.
- Astro TAP Stack — стартовый комплект для астро (машинописный текст, попутный ветер + астро + призма и планетарная шкала)
- Астро Дено Стартер
- Астро + Супабаза + Версель
- Астро + Снипкарт
- Astro-MFE-Demo — демонстрация того, как настроить микроинтерфейс, работающий на Astro.
- Refo — пример статического сайта и резюме со стилизованными компонентами.
- Astro Blog Starter с Netlify CMS — шаблон на основе стартового набора блога Astro + интеграция с Astro Netlify CMS.
- Catonaut — шаблон расширения для браузера с использованием Astro и Bun.
- Astro Saas — шаблон веб-сайта SaaS, созданный с использованием Astro и Tailwind CSS.
- AstroMax — бруталистский шаблон целевой страницы, созданный с использованием Astro и Tailwind CSS.
- SwissFolio — шаблон целевой страницы в швейцарском стиле для личного использования, созданный с помощью Astro и Tailwind CSS.
- Minimal Studio — минимальный шаблон целевой страницы для агентств, студий или фрилансеров, созданный с помощью Astro и Tailwind CSS.
- Gurido Супер крутой, веселый и современный шаблон целевой страницы для агентств, студий или фрилансеров, созданный с помощью Astro и Tailwind CSS.
- MicroBlog — элегантный шаблон веб-сайта блога, созданный с использованием Astro, Tailwind CSS и MDX.
- Quick Store — минимальная целевая страница в темной теме для продажи цифровых продуктов.
Астропакеты/библиотеки
- Astro SEO — лучшее SEO с Astro
- Компонент Astro Stylesheet — избавьтесь от монотонности добавления таблиц стилей в любой проект Astro.
- Astro Command — статическая визуализация команд и сборка компонентов на любом языке.
- Astro Pandoc - рендеринг Pandoc для Astro
- Astro SPA — библиотека SPA для Astro, которая превратит ваш веб-сайт в одностраничное приложение.
- Astro Icon — простой компонент значков для Astro.
- Astro ImageTools — инструменты оптимизации изображений для платформы Astro JS.
- Доступные астрономические компоненты
- Изображение Astro Eleventy
- Astro Forms — Формы в Astro стали проще
- Astro Auto-import — автоматический импорт компонентов в проекты Astro.
- Astro Collection — коллекция компонентов и конфигураций Astro.
- Astro Link — обнаруживает внешний / привязочный / тот же домен / почту / телефонный href и соответствующим образом применяет оптимизацию.
- Сарисса Нумерация страниц — добавьте кнопки нумерации страниц для нумерации страниц. Автоматически добавлять и отключать номера в качестве текущего номера страницы.
- Astro Google Fonts Optimizer — интеграция Astro для оптимизации производительности загрузки Google Fonts.
- Astro SEO Meta — компонент Astro для добавления на ваши страницы тегов, соответствующих поисковой оптимизации (SEO).
- Astro Heroicons - Героиконы как астрокомпоненты
- Astroad — предварительно настроенная установка для простой разработки веб-сайтов с помощью Astro и Payload CMS с использованием Docker.
- Astro Social Share — кнопки обмена в социальных сетях для вашего сайта Astro.
- Astro Gist — компонент Astro для легкого добавления GitHub Gist в ваш блог.
- Astro Breadcrumbs — хорошо настраиваемый компонент хлебных крошек для Astro. Создавайте хлебные крошки полностью динамически или указывайте, как именно они должны выглядеть.
Астроинтеграции
- Astro Content — текстовый структурированный менеджер контента для редактирования и потребления — интеграция AstroJS.
- @storyblok/astro — Astro-модуль для Storyblok, Headless CMS
- @unocss/astro — интеграция UnoCSS для Astro.
- @yeskunall/umami — добавьте аналитику Umami на свой сайт.
- Google Font Optimizer — интеграция Astro для оптимизации производительности загрузки Google Fonts.
- Astro Firebase – разверните приложение Astro, отображаемое на стороне сервера (SSR), в Firebase.
- Astro Font Picker — интеграция панели инструментов разработчика, которая позволяет вам опробовать разные шрифты на вашем веб-сайте.
- ParaglideJS — крошечная, типобезопасная интеграция i18n, которая отправляет клиенту только сообщения, используемые на островах.
Создано с помощью Astro
- https://astro.build/showcase/ ( Официальный каталог витрин )
- Дизайндекабрь
- Бессерверное использование (CSS-хитрости)
- Trivago — Технический блог
- Рокт
- Подсветка
- Видимо.cz
- Репликант.группа
- Animerdesateliers.com
- Северный олень.ca
- Открытый соус
- Инструменты Т3
- Целевая страница Easybank (источник)
- Недоедание
- leosvel.dev
- eriksolsen.com
- гексароллс.com
- jadezak.com
- Наложенный
- okikio.dev
- боулинг-reference.com
- компонент-party.dev
- linkhub.online (Источник)
- firefla.me
- jmae.xyz
- метеор10
- Презентация Астро-хакатона
- andri.dk/
- alchemycodelab.com
- petar.radojevic.rs
- Coolify.io
- zapp.run
- openspartan.com/
- aidankinzett.com (Источник)
- ukuvota.world (Источник)
- Оэнги.com
- Бег.поставка