Astro Blog Posts # Astro #

BLOG POSTS TAGGED “ ASTRO ” 20 POSTS:

20 “ ASTRO ” BLOG POSTS:

How to Create a New Astro JS App: Cheatsheet

How to create a new Astro JS app: cheatsheet reference guide to spinning up, launching and customising your new Astro project quickly.

Astro JS non-HTML routes: how you can serve resources and files like PDFs and JSON data alongside your Astro site’s static HTML pages.

Astro JS 404 page: how you can set up a page not found page on your Astro project, so visitors don't see your host's default 404 page.

Astro JS Location Map: how you can use the Leaflet library to add a location map on your Astro site with Svelte. Handy for a contact page.

Astro JS Mux Video: how you can add video to your site with the Mux HTML 5 Custom Elements video player. No framework needed!

Temporal API Duration: how you can use the new Temporal API to make working with and manipulating durations and time periods easier.

Astro JS favicon: short video on the 6 most important files for getting your app favicon appear in the major modern and legacy browsers.

Temporal API time zones: how you can use the new JavaScript Temporal API to convert a time instant from one time zone to another.

Temporal API Cheatsheet: a quick guide to new JavaScript Temporal API including code snippets and example use cases.

Astro JS telemetry disable: how you might address surveillance capitalism concerns by disabling data collection on the Astro CLI.

Astro turbolinks: how to optimise your AstroJS site with turbolinks for fast navigation in a few easy-to-follow steps.

Astro JS Sass styling: how you can add SCSS or Sass styling in Astro JS — covering global styles, scoped styles and styled components.

Astro JS tutorial: a quick start guide to building your first Astro app using React and Svelte and how you can deploy your it to the cloud.

Astro RSS feed: how you can add an RSS feed of your blog posts to your Astro site: useful for GitHub Actions and follower subscriptions.

Astro blog Markdown: starter for fast Astro blog with partial hydration and a spot of Svelte speed. Create a new blog site in minutes.

Astro landing page contact form: how to use Netlify serverless functions with Telegram bots to add a contact form to your Astro landing page.

Astro self-hosted fonts workflow: optimise how you add self-hosted Google fonts to your Astro project, shaving up to 80% off your font files.

Astro Scroll to Anchor: how you can accessibly add smooth scroll to anchor to your Astro app using CSS. We also add hiding shortcut links.

Why I moved to Astro: a quick look at why I am using Astro JS over Gatsby JS for new static sites and what's good about building with Astro.

Getting started with Astro: using your existing React or Svelte skills to build island architected, partially hydrating fast, modern apps.