https://astro.build

AstroAstro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.Astro Skip to content Astro Logo Documentation Showcase Resources Open resources menu Themes Integrations Tutorials Blog Join the Astro community on Discord Follow Astro on x.com (formerly Twitter) Go to Astro's GitHub repo Show Menu Docs Showcase Resources Themes Integrations Tutorials Blog Join the Astro community on Discord Follow Astro on x.com (formerly Twitter) Go to Astro's GitHub repo Read the docs Astro Studio Astro 5.0 Beta Now available to try! The web framework for content-driven websites Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more. Get Started npm create astro@latest Copied! Used by some of the largest companies around the world: What is Astro? Astro is a JavaScript web framework optimized for building fast, content-driven websites. Server-First Astro improves website performance by rendering components on the server, sending lightweight HTML to the browser with zero unneccessary JavaScript overhead. Content-Driven Astro was designed to work with your content, no matter where it lives. Load data from your file system, external API, or your favorite CMS. Customizable Extend Astro with your favorite tools. Bring your own JavaScript UI components, CSS libraries, themes, integrations, and more. Best-In-Class Performance Astro Islands Islands optimize your website like no other web framework can. Leverage Astro's unique page load performance to improve conversion rates, Core Web Vitals, and SEO. Real-World Core Web Vitals Astro Astro Core Web Vitals Passing 65% Gatsby Gatsby Core Web Vitals Passing 45% WordPress WordPress Core Web Vitals Passing 43% Next.js Next.js Core Web Vitals Passing 29% Nuxt Nuxt Core Web Vitals Passing 27% View the full dataset · Based on real-world performance data from HTTP Archive and the Chrome UX Report. Maximum Flexibility Zero Lock-in Astro supports every major UI framework. Bring your existing components and take advantage of Astro's optimized client build performance. Integrate your favorite framework React Vue Preact Svelte Solid ---import BuyButton from '../components/BuyButton.jsx';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro'; const product = await getProductDetails(Astro.params.slug);---

{product.name}

Snapback Cap $15.50 Add to cart ---import BuyButton from '../components/BuyButton.vue';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro'; const product = await getProductDetails(Astro.params.slug);---

{product.name}

Snapback Cap $15.50 Add to cart ---import BuyButton from '../components/BuyButton.jsx';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro'; const product = await getProductDetails(Astro.params.slug);---

{product.name}

Snapback Cap $15.50 Add to cart ---import BuyButton from '../components/BuyButton.svelte';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro'; const product = await getProductDetails(Astro.params.slug);---

{product.name}

Snapback Cap $15.50 Add to cart ---import BuyButton from '../components/BuyButton.jsx';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro'; const product = await getProductDetails(Astro.params.slug);---

{product.name}

Snapback Cap $15.50 Add to cart Everything you need Fully Featured Astro comes with everything you need to build a modern website. Need more? Extend Astro with integrations. Content Collections Organize your Markdown and MDX with built-in TypeScript type-safety and frontmatter validation. 0 Zero JavaScript, By Default Astro only ships the JavaScript you need and automatically strips away the rest for a faster website. View Transitions Seamlessly morph, fade, and swipe across pages with built-in, browser-native View Transition APIs. Middleware Wrap incoming requests with custom logic like authentication, logging, or data fetching. Actions Write type-safe backend functions that you can call directly from your frontend JavaScript client code. Environment Variables Avoid common configuration mistakes with a built-in API to manage your environment variables. Deployment Adapters Add an integration to instantly customize your project for Vercel, AWS, or your favorite hosting platform. UI Integrations Bring your favorite UI frameworks and component libraries with Astro's flexible island architecture. Dev Toolbar Extend your development environment with apps and integrations for the built-in development toolbar. Content Collections Organize your Markdown and MDX with built-in TypeScript type-safety and frontmatter validation. View Transitions Seamlessly morph, fade, and swipe across pages with built-in, browser-native View Transition APIs. UI Integrations Bring your favorite UI frameworks and component libraries with Astro's flexible island architecture. 0 Zero JavaScript, By Default Astro only ships the JavaScript you need and automatically strips away the rest for a faster website. Actions Write type-safe backend functions that you can call directly from your frontend JavaScript client code. Environment Variables Avoid common configuration mistakes with a built-in API to manage your environment variables. Deployment Adapters Add an integration to instantly customize your project for Vercel, AWS, or your favorite hosting platform. Dev Toolbar Extend your development environment with apps and integrations for the built-in development toolbar. Ecosystem Themes Get started faster with a pre-built website theme for Astro. Customize it to make it your own. Trending E-Commerce Blogs Docs Portfolios Landing Pages View Theme View Theme View Theme View Theme View Theme Browse more themes View Theme View Theme View Theme Browse more e-commerce themes View Theme View Theme View Theme View Theme View Theme View Theme Browse more blog themes View Theme View Theme View Theme Browse more documentation themes View Theme View Theme View Theme View Theme View Theme Browse more portfolio themes View Theme View Theme View Theme View Theme View Theme Browse more themes Start building with Astro today Get Started npm create astro@latest Copied! Astro is free, open-source software made possible by these wonderful sponsors Netlify Official Deployment Partner Sentry Official App Monitoring Partner Storyblok Official CMS Partner JetBrains ButterCMS ArcJet HandsOnTable Route4Me, Route Planner and Route Optimizer Let's keep in touch Enter your email to stay up to date with the latest updates from Astro. Resources Docs Themes Showcase Integrations Starter templates Ecosystem Studio Community Contributing About Press Telemetry Partner with us More Blog Wallpapers Swag Shop Legal Privacy Policy Terms of Service MIT License © 2024  Astro Contributors Join the Astro community on Discord Follow Astro on x.com (formerly Twitter) Go to Astro's GitHub repo Follow Astro on Mastodon Join the official Astro community on Redditenen1739693701https://astro.build

ཁྱོད་རའི་ས་ཁོངས་ཞུན་དག་འབད་ག?

ཁྱོད༌ག༌ཅི༌འབདཝ༌སྨོ?