Ini adalah repo pendamping untuk kursus Astro di Frontend Masters.
Pengaturan
Cabang start dari repositori ini berisi beberapa aset tambahan dan digunakan sebagai titik awal kursus:
Kami merekomendasikan penggunaan Node versi 18 untuk kursus ini.
git clone https://github.com/learnwithjason/astro-frontend-masters.git
cd astro-frontend-masters
git checkout start
npm install
Apa yang kita bangun?
Situs bisnis kecil yang menggunakan beberapa alur kerja umum yang akhirnya diikuti oleh banyak (sebagian besar?) situs web.
- Halaman arahan pemasaran
- Gambar pahlawan
- Kartu-kartu
- Pengambilan buletin
- Toko
- Tata letak lanjutan (bersarang)
- Keadaan bersama
- Gerobak padat
- Tombol reaksi item (tambahkan ke troli)
- Toko nano untuk berbagi status
- blog
- Koleksi Konten
- Rute dinamis
- Umpan RSS
- Tentang
- 404 halaman
Fitur apa yang ingin kami liput?
- Menginisialisasi situs Astro baru
- Pembangunan lokal
- Halaman
- Jenis file yang didukung
- Astro
- Penurunan harga
- HTML
- Perutean dasar
- Tautan
- Halaman 404 khusus
- Komponen astro
- Tata Letak
- Tata letak dasar
- Tata letak tingkat lanjut
- Mengambil data
- Menggunakan
fetch di Astro dan komponen lainnya - Memuat data API
- Memuat dari CMS tanpa kepala
- Penataan gaya
- Penataan gaya pada komponen Astro
- Gaya tercakup
- Gaya global
- Barang Astro untuk CSS
- Mengimpor stylesheet
- Dalam kerangka:
- Rute dinamis
- Saat Anda ingin merender halaman satu kali pada waktu pembuatan
- Paginasi
- Koleksi Konten
- Pengaturan dan konfigurasi dasar
- Mendefinisikan skema
- Siput khusus
- Menggunakan koleksi untuk membuat halaman
- Halaman daftar
- Halaman entri penuh
- Titik akhir
- Modus RSK
- Perutean dinamis
- Saat Anda ingin merender halaman pada setiap permintaan
- Titik akhir API
- Penanganan gambar
- Menghidrasi komponen JS
-
client:* arahan - Menggunakan banyak kerangka kerja
- Berbagi negara antar pulau
- Berbagi status antar kerangka kerja
