Best of Astro — 2023
- 1
- 2
- 3
Community Picks·3y
Astro 2.0
Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web.
- 4
- 5
- 6
- 7
freeCodeCamp·3y
Learn the Astro Web Framework
Astro is a go-to choice for developers looking to build fast, content-focused websites. It offers tools for file-based routing, managing content with Markdown and MDX, setting up dynamic routes, deployment on platforms like Netlify and Vercel, and transitioning to server-side rendering. James Q Quick presents a crash course on Astro on the freeCodeCamp.org YouTube channel.
- 8
- 9
- 10
ITNEXT·3y
Ok, Astro is the best web framework in 2023, here’s why
Astro is the best web framework in 2023, here’s why. Astro is a web framework that is based on JavaScript and generates no JavaScript by default. It executes your JS code at build time, like SSR frameworks do, but it does no hydration, because most content-based website do not need JS.
- 11
builder.io·3y
Hydration is a tree, Resumability is a map
Hydration as an algorithm is first seen when SPA frameworks like React, Vue, Svelte, or Angular added SSR support. The concept of partial hydration emerges from the understanding that not all parts of the tree need to be hydrated, particularly those that are entirely static.
- 12
Honeypot·3y
Astro: How Good Is the New JavaScript Framework?
Astro is a new JavaScript multi-page application framework that aims to make content-focused websites faster. It uses an Island Architecture to prioritize interactivity and lazy loads client-side JavaScript. Astro is suitable for content-focused websites with minimal client interactions.
- 13
LogRocket·3y
Building a multi-framework dashboard with Astro
Building a multi-framework dashboard with Astro can be a powerful and efficient way to create complex and versatile software. As software systems and requirements evolve, it may become necessary to migrate to a new framework or set of frameworks. Using Astro, developers can easily integrate multiple frameworks, allowing them to take advantage of the best features of each.
- 14
asayer·3y
The Top Ten Rendering Patterns in Modern Web Development
The Top Ten Rendering Patterns in Modern Web Development Back How to render your website most optimally? This article introduces the ten most commonly used rendering design patterns applied by current frameworks. In each case, we will look at the concept of the rendering pattern, the benefits and drawbacks, the use cases, the relevant frameworks concerned.
- 15
DEV·3y
Astro Framework - Resources & Free Starters
Astro is HTML-first, which means it outputs zero JavaScript by default and supports both static site generation (SSG) and server-side rendering (SSR) Astro allows the use of components from different frameworks like Svelte, SolidJS, React, and Vue, within the same project.
- 16
Astro + Qwik: Houston, we have Resumability!
Astro and Qwik can be used together to improve site speed and interactivity. Qwik's resumability allows for lazy loading of components, eliminating the need for hydration. The integration of @qwikdev/astro enables resumability and fine-grained lazy loading.
- 17
- 18
Codrops·3y
Animating Multi-Page Navigations with Browser View Transitions and Astro
Learn how to implement smooth transitions between pages in Astro using View Transitions. View Transitions make navigation seamless and effortless, reducing compatibility, performance, and accessibility issues. Find out about the performance impact, browser support, and design considerations for View Transitions.
- 19
Creating database-driven Astro sites with the Tigris Astro integration
The Tigris integration allows you to use Tigris as your database, and pull your data into your Astro site. This means you can build a static site with Astro, and use the Tigris to power your content. The integration for Astro is available on npm.
- 20
Animation Is Eating The World
Animation is the highest form of art because it involves nearly every creative process and discipline to create a final product. The history of animation teaches us lessons in evolving creation, technology, distribution, and scale that breeds new business models. The earliest animation platforms started as crude hardware implementations such as the Thamutrope, and Zoetrope.
- 21
- 22
Deno·3y
The State of Web Frameworks on Deno
The State of Web Frameworks on Deno has unlocked new ways to use Deno to build web applications. Today, you can work with frameworks from SvelteKit to Docusaurus using one of our ready-made templates. Deno is intentionally not designed as a drop-in replacement for Node.js.
- 23
Chrome Developers·3y
Astro View Transitions
Astro View Transitions is a JavaScript web framework that server-renders your UI components to lightweight HTML for faster page load performance. Astro could provide the same routing features that JavaScript-heavy SPA web frameworks offered, but without the performance and complexity overhead of client-side routing. Astro intentionally moves as much work off the client.
- 24
Product Hunt·3y
Navy UI KIt - A dark multipage theme made with Astro, Tailwind CSS & MDX
The best of Product Hunt, everyday Popular products in... AI No Code Social Media Ecommerce Analytics. Ask questions, find support and connect Stories Tech news, interviews and tips from Makers Changelog Release notes from the Product Hunt team Office hours Give feedback directly to our product team Visit streaks.
- 25
Aubergine - A cool agency theme built with Astro, Tailwind CSS & MDX
Aubergine - A cool agency theme built with Astro, Tailwind CSS & MDX. The coolest productise studio or agency theme for those who want to have a modern, dark and badass studio. Launched in Productivity Developer Tools Coda AI Ad Your new AI work assistant was hunted by Michael Andreuzza.
