SvelteKit: Next.js для Svelte уже в бете

Svelte делает стремительные шаги для того, чтобы покорить всю фронтенд-разработку. Теперь к экосистеме «не-фреймворка» добавилась возможность создавать приложения с рендерингом на стороне сервера.

SvelteKit все еще в бета-версии, но уже набрал на GitHub почти три тысячи звездочек. Это платформа для создания приложений с помощью Svelte, включая рендеринг на стороне сервера, роутинг, разделение кода для JS и CSS, адаптеры для различных бессерверных платформ и многое другое. По словам автора Svelte Рича Харриса, хотя SvelteKit еще не предназначен для продакшена, он уже использовал его для коронавирусного трекера в The New York Times.

SvelteKit использует под капотом инструмент для внешнего интерфейса Vite, хотя, согласно документации, Vite 1 не подходил для SvelteKit, так как ориентирован на Vue. Vite 1 затруднял рендеринг на стороне сервера, поэтому выбор пал на Vite 2. Он не зависит от фреймворка и разработан с использованием серверного рендеринга в основе.

Это интригующая коллаборация Рича Харриса и Эвана Ю (создателя Vite) тем более интересна, потому что их предыдущие работы очень похожи. Трудно не заметить сходства синтаксиса Vue.js (Эвана Ю) и Ractive.js (Харриса).

Чтобы начать новый проект на SvelteKit нужно написать следующие команды:

# create the project
mkdir my-app
cd my-app
npm init svelte@next

# install dependencies
npm install

# start dev server and open a browser tab
npm run dev -- --open

Исходный код SvelteKit Beta доступен на GitHub.