adapter-static для статических сайтов
Предварительно создавайте весь сайт в виде статических файлов с помощью adapter-static
«adapter-static для статических сайтов» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Что делает adapter-static
Он предварительно создаёт статические файлы HTML/CSS/JS для вашего приложения, которые может обслуживать любой статический хост.
Установка
Замените adapter-auto в svelte.config.js.
npm install -D @sveltejs/adapter-staticНастройка
Подключите его в svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Предварительное создание всех страниц
Добавьте корневой макет, который включает предварительное создание страниц повсюду.
// +layout.js
export const prerender = true;Динамические маршруты
Статические сайты не могут обрабатывать динамические параметры во время запроса. Используйте экспорт entries, чтобы перечислить их.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Без сервера
С adapter-static нельзя использовать действия форм или серверные конечные точки.
Размещение
Размещайте приложение на Netlify, Vercel, Cloudflare Pages, GitHub Pages или любом хосте, совместимом с S3.
Режим SPA
Используйте параметр fallback для режима SPA с маршрутизацией на стороне клиента без предварительного создания страниц.
adapter({ fallback: "index.html" })Производительность
Статические сайты работают очень быстро, а их размещение недорого даже при большом масштабе.
Ограничения
Нет SSR для каждого запроса и действий форм. Используйте запросы fetch на стороне клиента к динамическим API.
Варианты использования
Маркетинговые сайты, документация, блоги, портфолио.
Быстрая проверка
Что создаёт adapter-static?
Итоги
Используйте adapter-static, чтобы предварительно создавать приложения SvelteKit как статические сайты для недорогого и быстрого размещения.
Изучай HTML с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 41
- Уроки
- 163
Часто задаваемые вопросы
Урок «adapter-static для статических сайтов» бесплатный?
Да — полный текст урока «adapter-static для статических сайтов» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «adapter-static для статических сайтов»?
Предварительно создавайте весь сайт в виде статических файлов с помощью adapter-static Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «adapter-static для статических сайтов»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- adapter-static для статических сайтов
- adapter-node для сервера Node.js
- adapter-vercel и adapter-cloudflare
- Сборка и предварительный просмотр