Astro yang luar biasa
Sumber daya yang dikurasi untuk membangun situs dengan Astro , cara baru untuk membangun situs statis dan situs yang dirender server, dengan komponen lintas kerangka, gaya, dan dukungan toko reaktif. Jika Anda menghargai kontennya, mendukung visibilitas proyek, berikan ?| | ?.
Astro sangat baru , lebih baik, dan menjadi lebih ekspresif + kuat, tetapi hanya sedikit API yang masih berkembang. Halaman ini bertujuan untuk mengumpulkan semua referensi berharga di luar sana, dan menjadi sumber daya berguna ketika astro mencapai versi stabil pertamanya.
Dokumen Resmi | Luncurkan proyek baru, atau gunakan Code Sandbox
✍️ Blog
Carilah yang BARU pada judul postingan untuk menemukan blog yang diterbitkan setelah Astro 1.0
- Memperkenalkan Astro: Kirim Lebih Sedikit JavaScript - Fred K. Schott
- Sekilas tentang Membangun bersama Astro - Chris Coyier
- Pemikiran tentang Astro - Chris Coyier
- Pengalaman kami dengan Astro - Georges
- Astro dengan Netlify CMS, CMS Kehutanan (dikunjungi kembali), dan Snipcart - Navillus
- Cara Menggunakan Astro untuk Membuat Aplikasi React tanpa JavaScript - Colby Fayock
- Bangun situs cepat yang jahat dengan Astro: An Pendahuluan - Cassidy Williams
- Pandangan pertama pada Astro, hasil astronomi
- Mengapa Astro penting
- SvelteKit ke Astro
- Memulai Astro — Generator Situs Statis yang Inovatif
- Astro Akan Menjadi Generator Situs Statis Favorit Anda
- Bangun website koleksi Resep dengan Astro - Parts → 1 - 2 - 3 - 4 - 5
- Astro: Bangun aplikasi lebih cepat dengan lebih sedikit JavaScript
- Seri - Pelajari Astro sambil membuat Tinta - Bangun & Berlari
- Seri - Pelajari Astro sambil membuat Tinta - Astro dan Struktur Situs
- Seri - Pelajari Astro sambil membuat Tinta - Astro dan Data
- Seri - Pelajari Astro sambil membuat Tinta - Astro dan Interaktivitas
- Seri - Pelajari Astro sambil membuat Tinta - Astro dan Halaman Dinamis
- Memulai dengan Astro
- Bermigrasi dari SvelteKit ke Astro
- Situs web pribadi dengan Astro, Tailwind CSS, dan Nx
- Astro di Pekerja Cloudflare
- Kasus tentang Astro
- Jelajahi Manfaat Astro.js dengan Membuat Aplikasi Cepat BARU
- Eksperimen dengan Astro dan API Transisi Elemen Bersama BARU
- Membangun aplikasi tanpa server dengan Fauna + GraphQL + Astro NEW
- Pelajari cara memasang Astro dengan Tailwind CSS dan Flowbite BARU
- Saran artikel otomatis di Astro NEW
- Pelajari Astro dengan membuat portofolio web Anda (Spanyol) BARU
- SVG Animasi - Format Web Terbaik BARU
- Pengantar sistem konten Astro BARU
? Video/Siaran Layar/Kedutan
- Astro baru saja Diluncurkan.... Mungkinkah ini kerangka web terbaik?
- Kursus Singkat Astro Brad Traversy
- Apa yang Baru di Astro v1?
- Saya Mencoba Astro Untuk Pertama Kalinya!
- Astro dan Langsing
- Situs Web Modern dengan CSS Cascade Layers dan Astro
- Gelombang Kerangka Web Berikutnya adalah BYOJS
- Membawa Astro jalan-jalan - edisi portofolio
Pra 1.0
- Kirim Lebih Sedikit JavaScript dengan Astro - Fredd K. Schott & Jason Lengstorf
- Speakeasy JS – Astro: Arsitektur Baru untuk Web Modern - Fred K. Schott (YouTube - Speakeasy JS)
- Astro dalam 100 Detik - Jeff Delaney (Kapal Api)
- Yapping Tentang Astro - Chris Coyier (Trik CSS)
- Astro FTW! Vue dan React dapat bekerja sama dalam aplikasi yang sama - Jamstack Fridays
- Belajar Astro dengan Nate Moore - Nate Moore (YouTube - React Wednesdays)
- Kirim lebih sedikit JS dengan Astro - Pelatihan Jamstack
- Buat tata letak templat untuk HTML Anda dengan Astro SSG - Kevin Powell
- Bangun situs web lebih cepat dengan Astro
- Tambahkan komentar dengan Airtable dan Netlify
- Kembangkan Komunitas Melalui Open Source | Fred K. Schott dari Astro| Saus Rahasia
? Potongan Pikiran yang Diringkas (Twitter Threads)
- Georges di Astro sebagai kerangka web meta
- Nate Moore tentang adopsi Kerangka Inkremental, dukungan Solid.js, dan masa depan tanpa
import React from 'react'
untuk komponen. - Matthew Phillips di Astro untuk Komponen Web, elemen khusus yang menyala dan dirender oleh server
- Matthew Phillips di Astro Memuat
- Nate Moore pada ukuran bundel JS dasar
- Buat halaman arahan dalam 30 detik
- Pengalaman perutean sisi klien dengan API Transisi Elemen Bersama
Repositori/Starter Kit/Komponen
- Astro-reaksi-vue-demo
- Pemula Astro-netlify
- Astro Ink - Tema blog pribadi yang tajam dan minimalis untuk Astro
- Astro Me - Tema portofolio pribadi yang tajam dan minimal untuk Astro
- Kit Pemula Astro
- Tweet Astro Statis
- Contoh Terjemahan Astro
- Pemula CMS Astro Ghost - Pemula CMS Hantu untuk Astro
- Astro Theme - Creek - Tema Blog untuk Astro
- Astro Theme - Odessey - Tema situs web pemasaran yang dibuat dengan Astro dan dibuat dengan cermat untuk startup dan bisnis
- Astro Theme - Sarissa Blog - Tema blog responsif untuk Astro
- Astro Theme - Cactus - Pemula sederhana dan berpendirian kuat yang dibangun dengan kerangka Astro untuk blog atau situs web
- Astro Theme - AstroWind - Memulai template untuk membuat situs web menggunakan Astro dan Tailwind CSS.
- Tema Astro - Bigspring Light Astro - Tema Astro Business menggunakan Astro dan Tailwind CSS.
- Astro TAP Stack - Kit starter astro yang disetujui (Skala Ketik & Tailwind + Astro + Prisma & Planet)
- Pemula Astro Deno
- Astro+Supabase+Vercel
- Astro + Cuplikan
- Astro-MFE-Demo - Menampilkan cara menyiapkan microfrontend yang berjalan di Astro.
- Refo - Situs statis dan contoh resume dengan komponen bergaya.
- Astro Blog Starter dengan Netlify CMS - Templat berdasarkan starter kit blog Astro + integrasi Astro Netlify CMS.
- Catonaut - Templat ekstensi browser menggunakan Astro dan Bun.
- Astro Saas - Templat situs web SaaS yang dibuat dengan Astro dan Tailwind CSS.
- AstroMax - Templat halaman arahan brutal yang dibuat dengan Astro dan Tailwind CSS.
- SwissFolio - Templat halaman arahan gaya Swiss untuk penggunaan pribadi yang dibuat dengan Astro dan Tailwind CSS.
- Minimal Studio - Templat halaman arahan minimal untuk agensi, studio, atau pekerja lepas yang dibuat dengan Astro dan Tailwind CSS.
- Gurido Templat halaman arahan yang sangat keren, menyenangkan, dan modern untuk agensi, studio, atau pekerja lepas yang dibuat dengan Astro dan Tailwind CSS.
- MicroBlog - Templat situs web blog elegan yang dibuat dengan Astro, Tailwind CSS, dan MDX.
- Quick Store - Halaman arahan tema gelap minimal untuk menjual produk digital.
Paket/Perpustakaan Astro
- Astro SEO - SEO lebih baik dengan Astro
- Komponen Astro Stylesheet - Abstrakkan monotonnya penambahan stylesheet ke proyek Astro mana pun
- Astro Command - Secara statis membuat perintah dan membangun komponen dalam bahasa apa pun
- Astro Pandoc - Render Pandoc untuk Astro
- Astro SPA - Perpustakaan SPA untuk Astro yang akan mengubah situs web Anda menjadi Aplikasi Satu Halaman
- Astro Icon - Komponen Ikon Langsung untuk Astro
- Astro ImageTools - Alat Pengoptimalan Gambar untuk kerangka Astro JS
- Komponen Astro yang Dapat Diakses
- Gambar Astro Sebelas Puluh
- Astro Forms - Formulir di Astro menjadi mudah
- Astro Auto-import - Impor otomatis komponen dalam proyek Astro
- Koleksi Astro - Koleksi komponen dan konfigurasi Astro
- Astro Link - Mendeteksi href eksternal / jangkar / domain yang sama / email / telepon, dan menerapkan pengoptimalan yang sesuai
- Sarissa Pagination - Tambahkan tombol nomor halaman untuk pagination. Secara otomatis menambah dan menonaktifkan nomor sebagai nomor halaman saat ini.
- Astro Google Fonts Optimizer - Integrasi Astro untuk mengoptimalkan kinerja pemuatan Google Fonts
- Astro SEO Meta - Komponen Astro untuk menambahkan tag yang relevan untuk optimasi mesin pencari (SEO) ke halaman Anda.
- Astro Heroicons - Heroicons sebagai komponen Astro
- Astroad - Pengaturan pra-konfigurasi untuk kemudahan pengembangan situs web dengan Astro dan Payload CMS menggunakan Docker.
- Astro Social Share - Tombol berbagi media sosial untuk situs Astro Anda
- Astro Gist - Komponen Astro untuk menambahkan inti GitHub dengan mudah ke blog Anda
- Astro Breadcrumbs - Komponen breadcrumb yang dapat dikonfigurasi dengan baik untuk Astro. Buat remah roti sepenuhnya secara dinamis atau tentukan dengan tepat tampilannya.
Integrasi Astro
- Astro Content - Manajer konten terstruktur dan berbasis teks, untuk edisi dan konsumsi — Integrasi AstroJS
- @storyblok/astro - Modul Astro untuk Storyblok, CMS Tanpa Kepala
- @unocss/astro - Integrasi UnoCSS untuk Astro
- @yeskunall/umami - Tambahkan Umami Analytics ke situs web Anda
- Google Font Optimizer - Integrasi Astro untuk mengoptimalkan kinerja pemuatan Google Fonts
- Astro Firebase - Terapkan aplikasi Astro yang dirender sisi server (SSR) ke Firebase
- Astro Font Picker - Integrasi Toolbar Dev yang memungkinkan Anda mencoba berbagai font di situs web Anda
- ParaglideJS - Integrasi i18n kecil dan aman untuk tipe yang hanya mengirimkan pesan yang digunakan di pulau ke klien.
Dibangun dengan Astro
- https://astro.build/showcase/ ( Direktori Showcase Resmi )
- Desaincember
- Tanpa Server (Trik CSS)
- Trivago - Blog Teknologi
- Rok
- Lampu latar
- Rupanya.cz
- Replika.band
- animerdesateliers.com
- reindeere.ca
- saus terbuka
- Alat T3
- Halaman Arahan Easybank (sumber)
- Gizi
- leosvel.dev
- eriksolsen.com
- hexarolls.com
- giokzak.com
- Dilapisi
- okikio.dev
- bowling-reference.com
- komponen-partai.dev
- linkhub.online (Sumber)
- fireflam.me
- jmae.xyz
- meteor10
- Pameran Astro Hackathon
- andri.dk/
- alkimiacodelab.com
- petar.radojevic.rs
- keren.io
- zapp.run
- openpartan.com/
- aidankinzett.com (Sumber)
- ukuvota.world (Sumber)
- Oengi.com
- berjalan.pasokan