В этом месяце в экосистеме Astro много интересного. Перейдём к делу!
Обновления из Mission Control
- 🥳 Astro пересёк 10 000 000 загрузок на NPM!
- 📈 Astro поднялся в последнем отчёте Thoughtworks 2024 Technology Radar
- 🚀 FreeCodeCamp ищет контрибьюторов Astro для революции в contributor experience
- 🎙️ Новое регулярное событие в Discord: Tech Chat with Platform
- 🇨🇦 Встретимся в Монреале! Сохраните дату и зарегистрируйтесь на «Astro Together»: 28 мая 2024
Релизы
Документация
Еженедельный Discord-звонок «Talking and Doc’ing» — шанс смотреть, как Team Docs работает публично, зайти в общий Codespace или Gitpod Workspace и помочь с docs вместе. Темы этого месяца:
- ревью нескольких новых компонентов Starlight. Скоро можно будет добавлять badges, CTA-кнопки, стилизованные
<details>и не только! - принципы навигации сайта и тест нового дизайна sidebar Astro Docs!
- глубокий разбор web traffic stats docs, чтобы лучше понять, как используется сайт.
Сообщество
Astro не был бы Astro без сообщества: поддержка в Discord, улучшения документации, переводы, код — всё это важно.
Новости команды Astro
Добро пожаловать новым мейнтейнерам Astro Ming-Jun Lu и core maintainer Emanuele Stoppa! Спасибо за вклад — рады видеть вас на борту! 🫡
Community Awards — февраль
Люди, которые в прошлом месяце сделали нашу жизнь чуть (или намного!) лучше:
- 🌟 $500 @alexanderniebuhr за лидерство с Cloudflare adapter и выдающееся community leadership.
- 🍾 $250 @adamm2047 за значительный вклад в экосистему интеграций Astro.
- 🎈 $250 @hfornier за outstanding support в Discord.
- 🎊 $250 @casungo за энтузиазм в переводе Astro Docs на итальянский.
- 🎉 $250 @jlengstorf за обучение и развлечение сообщества контентом и стримами.
👕 ✨ Мерч из swag shop в этом месяце: @Jumper, @Dreyfus и @cdvillard!
Подробнее о Community Awards — на сайте сообщества.
Витрина
Статьи и материалы
Вот что привлекло наше внимание на этой неделе:
😎 Мы тоже считаем, что Astro is pretty cool, @aliciasykes!
🏋️ @snikidev раздвигает границы, используя Astro.js as an alternative to Next.js
📊 Astro DB: Migrating my analytics data from Vercel Postgres от @tledoux
🔢 Счётчик лайков с Astro DB and Vercel от @k1350
⏱️ Туториал: Using Astro and Server-Sent Events (SSE) to Build Realtime In-App Notifications от @rishirajjain
Astro не надоедает — ещё больше материалов от сообщества!
- 📄 Extend Astro Syntax Highlighting от @iksaku
- 📺 Let’s Build a Blog with Astro! (docs tutorial live onstream) от @schalkneethling
- 📄 The View Transitions API от @cassidoo
- 📄 Astro + PhotoSwipe от @Petrovicz
- 📄 Fetching Latest YouTube Videos with RSS от @TechSquidTV
- 📄 How to use Astro-Font
- 📄 Step-by-step guide to a custom newsletter form with Astro, React, and ConvertKit от @robcipolla
- 📄 Django to Astro: Migrating a Django Portfolio to Astro.js от @jsolly
- 📄 How to create a Tab component with Tailwind CSS and AlpineJS от @mike_andreuzza
- 📄 How to create a Theme toggle with Tailwind CSS and AlpineJS от @mike_andreuzza
- 📄 How to deploy Astro to AWS Elastic Beanstalk от @rishirajjain
- 📄 Build authenticated and paywall pages with Stripe and Xata от @rishirajjain
- 📄 Build a dynamic e-Commerce store UI with Astro, Neon Postgres and AWS Amplify от @rishirajjain
- 📄 Authentication Users with Lucia and Neon от @rishirajjain
- 📄 Authentication Users with Clerk and React от @rishirajjain
- 📄 Use Firebase Realtime Database with Vue от @rishirajjain
- 📄 GSAP x Astro от @rishirajjain
- 📄 GSAP + ViewTransitions x Astro от @rishirajjain
- 📄 ECommerce Vector Search with Upstash от @rishirajjain
- 📄 How to create a tag input with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📄 How to create a login form with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📄 How to create a progress-bar with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📄 How to create a rating system with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📄 How to create an accordion with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📺 Astro JS pour tous | Formation complète
- 📄 Deploy static sites with Astro, Docker and NGINX
- 📄 Image Gallery with TailwindCSS and Alpine от @mike_andreuzza
- 📄 Todo with Tailwind CSS and Alpine от @mike_andreuzza
- 📄 Pricing Slider with Tailwind CSS and Alpine от @mike_andreuzza
- 📄 Countdown with Tailwind CSS and Alpine от @mike_andreuzza
- 📄 Shiki transformers in Astro от @rishirajjain
- 📄 Using Entra ID with Astro от @cloudconrad
- 📄 Azure Static Web от @cloudconrad
- 📄 Astro Azure Functions от @cloudconrad
- 📄 HTMX & Astro от @c-daniele
- 📄 Tailwind v4 Tip от @oliverspeir
- 📄 Darkmode Tip от @astrolicious
- 📺 You should put your web app on the edge от @bholmesdev
- 📄 Bottom drawer with Tailwind CSS and Alpinejs от @mike_andreuzza
- 📄 Multistep from with Tailwind CSs and Alpinejs от @mike_andreuzza
- 📄 Mqking a link shortener Astro DB от @aczw
- 📄 Blog View Counter using Astro, Svelte от @rbole
- 📄 How to do advanced caching and ISR with Astro от @ascorbic.
- 📄 PhotoSwipe in Astro от @rishirajjain
- 📄 Astro - La Última FRONTera (Presentation slides) от @achamorro-dev
- 📺 How I Built My Blog Using Astro & MDX от @CodeBrew
- 📺 Svelte Summit Astro Apperance от @sveltesociety
Советы и инструменты
Свежие утилиты и интеграции от сообщества для работы с Astro.
👜 Bag of Tricks for Astro’s View Transitions от @martin
- 🌟 теперь с экспериментальными Starlight view transitions components!
🛞 astro-turnstile от @chaosbite
- (🕵️ ранний preview) простой способ добавить turnstile на Astro-сайт.
🗄️ AstroStudio CMS от @astrolicious
- 🧑🚀 CMS для Astro Studio от сообщества Astro.
Темы и шаблоны
В каталоге тем Astro в этом месяце появились новые темы. Попробуйте!
Biztrox Astroby Themefisher
Minimal portfolio templateby Tim Witzdam
Sirius Astroby Themefisher
Visionex Astro by Themefisher
Dexler Astroby Themefisher
Bigspring Astroby Themefisher
Northendlab Light Astroby Themefisher
AstroResume01by Nicolas
didmax-blogby babyblue
Newslettrby Julien V
Dawnlightby Cosmic Themes
Ionby Louis Escher
AstroNanoby Mark Horn
Сайты
Сайты месяца:
Добавьте ещё одну вкладку после Wordle и Jumblie… Let’s Play Alpha на Astro помогает студентам CS изучать алгоритмический поиск.
Документация Font Awesome теперь на Starlight!
Что делать, когда K-pop фанат по ошибке попадает в Discord Astro? Собрать для него Astro-сайт… на Astro!
Нужно вдохновение? Все сайты сообщества из Discord #showcase, показанные на community calls в этом месяце.
- @jamesbb
- @ms.boba
- @rogerhn
- @petrovicz
- @Jes015
- @Jes015
- @ccbikai
- @CaptainofPhB
- Product Hunt
- @siddharthsuresh
- @nenadvr
- @hallux
- @rol4nd909
- @mac.dev
- @soslan117
- @sarah11918
- @shankarux
- @samuvello
- @e92jonah
- @ShubhamJain
- @boywithkeyboard
- @cameronpak
- @saiykoh
- @g.cerquone
- @romu70
- @astrid.lol
- @joelmturner
- guochen_
- @shard7
- @tsanjaya
- @donawalt
- @xypnox
- @thebigbadgeese
- @arknoodle
- @rees1993
- @._ryan
- @rishirajjain
- @gigantino
- @aczw
- 100 mistakes of software engineering
- @iwfan
- @coleretriever
- @shadizx
- @hexadecimal1337
- @mike_andreuzza
- @chrsgrrtt
- @adaliszk
- @derastatknutred
- @b00palicious
- @.exefer
Starlight в дикой природе
- @palmiak
- @schalkneethling
- @freeCodeCamp
- @eliancodes
- typicode
- ASO.dev
- Bag of Tricks
- FutureThemes
- XTDB
- Schematic Docs
- @knope-dev
- @Hyperxq
- @djobbo
- Defense Unicorns
- @mehalter
- truecharts
- Drupal Api Client
- ballerine-io
- barrosodavid
- unional
- gren-lang
Хотите попасть в список в следующем месяце? Публикуйте сайты, проекты, приложения, инструменты, статьи, демо и видео в #showcase в нашем Discord!