Robin Wieruch·2yReact Trends in 2024
Exciting trends in React for 2024 include Astro with React, new authentication alternatives, tRPC for full-stack React applications, React Server Components and Next.js, TanStack Router for SPA React, Vercel pushing React on the Edge, bundlers for React, React Compiler, Biome, and headless UI libraries for React.
Community Picks·2yStart your own (side) business with open-source in mind
Starting a DevRel advisory business is exciting and straightforward with open-source tools. This guide covers setting up a website using Vercel, the Astro framework, Web3Forms for contact forms, Cal.com for scheduling calls, and Mirotalk for real-time communication. These tools facilitate a quick and efficient online presence, leveraging the benefits of open-source software.
Astro·2yZero-JavaScript View Transitions
Astro introduces an update to the View Transitions API that allows for native, app-like page navigation without JavaScript. Chrome 126 and Microsoft Edge 126 support zero-JavaScript view transitions. To enable it, add the @view-transition at-rule to your website's CSS. The 'transition:persist' feature is not yet supported by native cross-document navigation.
Hacker News·1yWhy 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.
Code with Andrea·2yHow I Built a Modern Course Platform in 2024
The author built a modern course platform for Flutter developers, using technologies like Astro, Supabase, TypeScript, and TailwindCSS. They faced challenges with email link authentication. The running costs for the platform are estimated to be $214 per month. The author is offering a 33% discount on their courses.
Community Picks·2yReact SPA in Astro with TanStack Router
Astro is known for static websites but can support client-side interactivity through its Islands architecture. For more dynamic sections within an Astro site, such as dashboards, you can use a client-rendered SPA with TanStack Router. This guide provides a step-by-step setup for integrating React and TanStack Router with Astro, including configuration and routing setup.
Astro·2yAstro 4.5
Astro 4.5 is now available! This release improves the developer experience with a new Dev Audit UI that allows developers to automatically identify site performance and accessibility issues during development. Other highlights include improved view transitions, upgraded syntax highlighting with Shiki 1.0, multi-CDN asset prefixing, and experimental features like JSON schemas for data collections and a new script detection algorithm.
Astro·2yAstro 5.0 Beta Release
Astro 5.0 beta is now available, featuring the stable Astro Content Layer for content management, server islands for mixing static and personalized content, and merged static and hybrid output modes. An `astro:env` module ensures type-safe environment variable management. Upgrade your existing project using the automated CLI tool or manually through your package manager.
Astro·2yAstro 4.15
Astro 4.15 introduces the stable release of Astro Actions for type-safe backend functions, support for libSQL remotes in Astro DB, a new timeout option for client:idle, and enhanced swap helpers for ViewTransitions customizations. Users can upgrade their existing projects using the CLI tool or manually via their package manager.
Astro·2yAstro 4.13
Astro 4.13 has been released, providing stabilized experimental features like request rewriting and content collection JSON schemas. Improvements to logging are also included, making performance bottlenecks easier to detect. Users are guided on how to upgrade their existing projects using the new version.
Astro·2yThe Astro Developer Portal
Astro has launched the Developer Portal, a platform for theme authors to submit, manage, and promote their themes built for Astro. The old setup was time-consuming and inefficient, but the new solution allows theme creators to upload, update, and manage their themes easily. The Astro team also used Astro Studio and Astro DB to test and improve the system.
Astro·2yStarlight 0.28
Starlight v0.28, Astro's documentation site builder, introduces advanced localization with i18next, on-demand server-side rendering, tabs that remember user preferences, and persistent sidebar states. The update also simplifies sidebar configuration and enhances documentation with a Markdoc preset. Upgrade via `npx @astrojs/upgrade` and join numerous renowned companies using Starlight.
Astro·2yAstro 4.14
Astro 4.14 introduces new features like the experimental Content Layer API and Intellisense support inside content files. The Content Layer API allows fetching content from various sources and aims to improve performance, while Intellisense enhances frontmatter editing in content files. Other updates include deprecating dynamic `prerender` values, a new `injectTypes` integration API, and support for metastrings in code components. Upgrade using `@astrojs/upgrade` or manually through your package manager.
Community Picks·2yBuild a RAG chatbot with Astro, Postgres, and LlamaIndex
A comprehensive guide to building a RAG chatbot using Astro, Postgres, and LlamaIndex. It covers generating OpenAI API tokens, creating and deploying an Astro app, setting up a serverless Postgres database, and configuring CI/CD with GitHub Actions. Key steps include Dockerizing the app, setting up React for the UI, adding Tailwind CSS, and deploying on Amazon ECS.
Hacker News·2yFrom Gatsby gridlock to Astro bliss: my personal site redesign
A developer shares their experience redesigning their personal website, moving from Gatsby to Astro. Key motivations included creating a dedicated writing space, reducing maintenance, and achieving a more professional design. The post highlights Astro's benefits such as component-based design, simplified data handling, TypeScript support, and easy integrations, while also discussing some challenges faced during the migration such as conditional CSS and component conversion. The redesign led to faster page loads, better site performance, and overall satisfaction with the new framework.
Community Picks·2yUsing Strapi CMS with Neon Postgres and Astro to build a blog
This guide provides a detailed walkthrough on creating a blog using Strapi CMS, a serverless Postgres database powered by Neon, and Astro. It covers setting up the database, configuring Strapi, defining a blog schema, managing API permissions, integrating Tailwind CSS, and creating dynamic blog routes in Astro. The guide also highlights Neon's scale-to-zero feature for efficient resource management.
