--- title: Best Astro posts of 2022 | daily.dev description: The most upvoted Astro posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/astro/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/astro/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Astro posts of 2022 | daily.dev og:description: The most upvoted Astro posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Astro — 2022 1. 1 [](/posts/2021-javascript-rising-stars-mjdeqmzfa "2021 JavaScript Rising Stars") Article Pointer · 5y 2021 JavaScript Rising Stars Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies. 242 15 2. 2 [](/posts/astro-1-0-opwkfsmtg "Astro 1.0") Article Hacker News · 4y Astro 1.0 Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users. 108 7 3. 3 [](/posts/islands-architecture-07aorfu73 "Islands Architecture") Article Community Picks · 4y Islands Architecture Islands architecture borrows concepts from different sources and aims to combine them optimally. Marko is an open-source framework developed and maintained by eBay to improve server rendering performance. Astro: Astro is a static site builder that can generate lightweight static HTML pages from UI components built in other frameworks such as React, Preact, Svelte, 104 5 4. 4 [](/posts/this-website-is-open-source-w1gqku8pb "This website is open source") Article Hashnode · 4y This website is open source When I rewrote my website in Astro, I decided to make it an open source project. This means people can use the source code, but only while maintaining the same license. This ensures it will stay a free project forever. There are many great readers out there who often see little mistakes, and I would love for them to have a way to contribute. 50 3 5. 5 [](/posts/why-our-websites-are-slow-importance-of-bundle-size-dc3eagtpu "Why our websites are slow — Importance of bundle size") Article Community Picks · 4y Why our websites are slow — Importance of bundle size A new story tells the impact of bundle size on application performance and a mind-boggling story to understand why websites can be slow. The story begins way back exactly one year ago. For one year I have covered so many stories on react application optimisation but today I have a new perspective on seeing react applications. 47 5 6. 6 [](/posts/withastro-astro-build-faster-websites-with-astro-s-next-gen-island-architecture-bde-l0tfy "withastro/astro: Build faster websites with Astro's next-gen island architecture") Article Pointer · 4y withastro/astro: Build faster websites with Astro's next-gen island architecture Astro is a website build tool for the modern web — powerful developer experience meets lightweight output. Astro is generously supported by Netlify, Vercel, and several other amazing organizations. We'll help you get your first contribution in no time! 43 5 7. 7 [](/posts/we-measured-the-ssr-performance-of-6-js-frameworks---here-s-what-we-found--92zcrl9yt "We measured the SSR performance of 6 JS frameworks - here's what we found.") Article Community Picks · 4y We measured the SSR performance of 6 JS frameworks - here's what we found. We measured the SSR performance of 6 JS frameworks to choose from. All demos are public and hosted on Netlify. The results were interesting, but just like Formula 1, it was often milliseconds that separated the good from the great. 37 2 8. 8 [](/posts/is-your-website-climate-friendly--2jzz8kuwt "Is your website climate-friendly?") Article Hashnode · 4y Is your website climate-friendly? Website Carbon Calculator calculates your site's CO2 emissions per visitor visit. The Astro version of brockherion.dev generates about 0.07g of CO2 per visit, about a 90% decrease in emissions. Astro removes unnecessary JavaScript from the page and only hydrates components when needed. 20 3 9. 9 [](/posts/astro-js-tutorial-explore-astro-s-benefits-0pdwbwl5h "Astro.js Tutorial: Explore Astro's Benefits") Article Prismic · 4y Astro.js Tutorial: Explore Astro's Benefits Astro is a web framework that checks all the bullets we listed above, but without the JavaScript bloat. Astro can pull this down to less than 10 KB while letting you use the tools you love. If you clone this project locally, you should enjoy Intellisense in VS Code. Astro comes with built-in TypeScript support and a relaxed tsconfig. 13 1 [See all Astro archives](/tags/astro/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/astro/best-of/2022#page","url":"https://daily.dev/tags/astro/best-of/2022","name":"Best Astro Posts of 2022","description":"The most upvoted Astro posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/astro/best-of/2022#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/2021-javascript-rising-stars-mjdeqmzfa","name":"2021 JavaScript Rising Stars"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/astro-1-0-opwkfsmtg","name":"Astro 1.0"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/islands-architecture-07aorfu73","name":"Islands Architecture"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/this-website-is-open-source-w1gqku8pb","name":"This website is open source"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/why-our-websites-are-slow-importance-of-bundle-size-dc3eagtpu","name":"Why our websites are slow — Importance of bundle size"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/withastro-astro-build-faster-websites-with-astro-s-next-gen-island-architecture-bde-l0tfy","name":"withastro/astro: Build faster websites with Astro's next-gen island architecture"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/we-measured-the-ssr-performance-of-6-js-frameworks---here-s-what-we-found--92zcrl9yt","name":"We measured the SSR performance of 6 JS frameworks - here's what we found."},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/is-your-website-climate-friendly--2jzz8kuwt","name":"Is your website climate-friendly?"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/astro-js-tutorial-explore-astro-s-benefits-0pdwbwl5h","name":"Astro.js Tutorial: Explore Astro's Benefits"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Astro","item":"https://daily.dev/tags/astro"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/astro/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```