Patch Changes
-
#3696
3daaf510Thanks @matthewp! - Support for streaming responsesAstro supports streaming in its templates. Any time Astro encounters an async boundary it will stream out HTML that occurs before it. For example:
--- import LoadTodos from '../components/LoadTodos.astro'; --- <html> <head> <title>App</title> </head> <body> <LoadTodos /> </body> </html>
In this arbtrary example Astro will streaming out the
<head>section and everything else until it encounters<LoadTodos />and then stop. LoadTodos, which is also an Astro component will stream its contents as well; stopping and waiting at any other asynchronous components.As part of this Astro also now supports async iterables within its templates. This means you can do this:
<ul> {(async function * () { for(const number of numbers) { await wait(1000); yield <li>Number: {number}</li> yield '\n' } })()} </ul>
Which will stream out
<li>s one at a time, waiting a second between each. -
#3700
47c81effThanks @matthewp! - Make Astro.redirect use a 302 status code