Best of AstroDecember 2024

  1. 1
    Article
    Avatar of hnHacker News·1y

    Why we switched to Astro (and why it might interest you)

    The post details the reasons and process behind migrating a website from Next.js to Astro. It highlights the benefits, such as simplified architecture and enhanced performance with server-side rendering. The new stack allows instant feedback for content edits and efficient caching strategies, resulting in a faster, more reliable user experience. Future articles will dive into practical aspects of using Astro with DatoCMS.

  2. 2
    Article
    Avatar of communityCommunity Picks·1y

    Astronomy

    A collection of different page templates and example apps built with Astro v4.5, shadcn/ui, and React JS. The post covers templates for landing pages, changelogs, waitlists, pricing, about pages, and newsletters. It also includes example apps such as a static blog, documentation site, anime list, blog with database integration, ecommerce pages, and authentication implementation.

  3. 3
    Article
    Avatar of astro_sourceAstro·1y

    Astro 5.1

    Astro 5.1 introduces a new experimental sessions feature for managing per-user data on the server, improved caching for remote images, and additional tools for working with Astro Actions like the `getActionPath()` helper. To upgrade, use the `@astrojs/upgrade` CLI tool or manually run the upgrade command for your package manager. The release also includes numerous bug fixes and improvements based on user feedback.

  4. 4
    Article
    Avatar of astro_sourceAstro·1y

    Google IDX: Our Official Online Editor Partner

    Astro announces a new partnership with Google IDX, which will sponsor $10,000 monthly towards Astro's open-source maintenance and development. This collaboration aims to enhance the open-source community. Google IDX provides an AI-assisted workspace for full-stack, multi-platform app development in the cloud. The partnership will also introduce new features on astro.new for easier project initiations. Google’s commitment to open source spans over two decades, including initiatives like Chromium and Google Summer of Code.

  5. 5
    Video
    Avatar of codinginpublicCoding in Public·1y

    30 minute Astro Crash Course

    Astro is a versatile web development framework that supports simple HTML templating, as well as more complex needs like embedding React components. It's easy to get started with Astro using its CLI, and it offers features like SSR, middleware, and content collections. The tutorial covers project setup, structure, styling, component creation, and integrating client-side JavaScript and UI frameworks such as React, making it a powerful tool for building modern web applications.

  6. 6
    Article
    Avatar of telerikTelerik·1y

    Vanilla Astro, No Framework Needed

    Astro is a JavaScript framework designed for building full-stack apps with a focus on server-side rendering (SSR) and static generation. While often used to integrate with other frameworks, it can be utilized independently with vanilla JavaScript for minimal reactivity needs. This guide demonstrates how to set up Tailwind CSS, generate HTML templates, manage routing, and handle dynamic endpoints using Astro. It also covers various methods for handling client-side interactions with pure JavaScript and incorporating reactivity using `nanostores`.