В моем последнем посте я рассмотрел процесс принятия решения, через который я прошел, решая, на что перенести мой давний веб-сайт на базе Jekyll. Я пришел в «Astro и в этом посте рассказываю о своем опыте перехода на Astro и его использования. Вы можете найти полученный код в ветке разработки , а мой сайт, естественно, chrischinchilla.com . Он еще не закончен, и скоро он получит новую волну иллюстраций, чтобы заменить мои не менее старые логотипы Chinchilla. Что я люблю MDX..

Astro отлично подходит для создания как статических, так и серверных сайтов, но одна вещь, которая сдерживает его потенциал SSR, — это невозможность вернуть страницу 404 без простого перенаправления на страницу 404 (например, /404 ). Однако мы можем воспользоваться возможностью вернуть наш собственный объект Response , чтобы вернуть нашу страницу 404. Проблема Допустим, у меня есть базовый сайт Astro с 3 страницами. index.astro - Главная страница [id].astro — динамическая..

Этот урок изначально взят из моего блога. Посмотреть оригинал здесь Добавьте функцию поиска на свой статический сайт Astro Astro отлично подходит для создания статических сайтов, но в нем нет готовых встроенных инструментов поиска. Пока… blog.otterlord.dev

То, что принесла нам Astro, — это мир без Javascript по умолчанию. Они используют эту философию, чтобы уменьшить размер пакета и ускорить первую отрисовку браузера, но это также ставит перед разработчиком множество новых задач, таких как переключение кнопки темной темы в блоге. С Next.js Я написал ThemeContext для переключения темного режима в своем блоге, созданном поверх Next.js. ThemeContext добавит class=”dark” в корневой HTML-код при монтировании приложения. Таким образом,..

Astro добавил несколько директив для ваших островов (известных как компоненты). В этой статье я быстро объясню директивы, их различия и когда какие использовать. Мы рассмотрим директивы с помощью простого приложения, чтобы продемонстрировать, как работает какая директива. Наше приложение будет иметь простой счетчик и второй компонент, который нам нужен, потому что мы хотим, чтобы у нашего основного потока были небольшие проблемы. client:load Эта директива укажет Astro немедленно..

Как создать проект Astro JS — краткое руководство Привет! Этот пост изначально был опубликован на DaniDiazTech.com Предпосылка Astro framework очень проста: создайте быстрый веб-сайт, используя любой известный вам фреймворк. Начиная с его выпуска 1.0 , у нас были интересные функции, такие как оптимизация изображений и поддержка MDX (формат, в котором я пишу эту статью). Он возвращает простоту старой сети и возможность интеграции с мощными фреймворками, такими как React,..