adapter-static untuk Situs Statis
Prarender seluruh situs Anda menjadi file statis dengan adapter-static.
adapter-static untuk Situs Statis adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Fungsi adapter-static
Adapter ini melakukan prerender pada aplikasi Anda menjadi file HTML/CSS/JS statis yang dapat disajikan oleh host statis apa pun.
Pemasangan
Ganti adapter-auto di svelte.config.js.
npm install -D @sveltejs/adapter-staticKonfigurasi
Gunakan adapter ini di svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Prerender Semua Halaman
Tambahkan tata letak root yang mengaktifkan prerender di seluruh aplikasi.
// +layout.js
export const prerender = true;Rute Dinamis
Situs statis tidak dapat menyajikan parameter dinamis saat permintaan berlangsung. Gunakan ekspor entries untuk mencantumkannya.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Tanpa Server
Anda tidak dapat menggunakan tindakan formulir atau endpoint server dengan adapter-static.
Hosting
Deploy ke Netlify, Vercel, Cloudflare Pages, GitHub Pages, atau host apa pun yang menyerupai S3.
Mode SPA
Gunakan opsi fallback untuk mode SPA dengan rute klien tanpa prerender.
adapter({ fallback: "index.html" })Kinerja
Situs statis sangat cepat dan murah untuk di-host dalam skala besar.
Keterbatasan
Tidak ada SSR per permintaan dan tidak ada tindakan formulir. Gunakan pengambilan data dari klien ke API dinamis.
Kasus Penggunaan
Situs pemasaran, dokumentasi, blog, dan portofolio.
Pemeriksaan Singkat
Apa yang dihasilkan adapter-static?
Ringkasan
Gunakan adapter-static untuk melakukan prerender pada aplikasi SvelteKit menjadi situs statis yang murah dan cepat di-host.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “adapter-static untuk Situs Statis” gratis?
Ya — teks lengkap “adapter-static untuk Situs Statis” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “adapter-static untuk Situs Statis”?
Prarender seluruh situs Anda menjadi file statis dengan adapter-static. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “adapter-static untuk Situs Statis” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- adapter-static untuk Situs Statis
- adapter-node untuk Server Node.js
- adapter-vercel dan adapter-cloudflare
- Membangun dan Melihat Pratinjau