Шаблон для быстрого старта проектов на SolidJS с полным стеком:
- TanStack Start — SSR фреймворк для SolidJS
- TanStack Router — file-based типобезопасный роутинг
- TanStack Solid Query v5 — data fetching, кеширование, SSR интеграция
- Tailwind CSS v4 — utility-first стили через Vite плагин
- daisyUI v5 — семантические компоненты + 35 тем
- Iconify — Solar и Phosphor иконки через CSS классы
# Клонировать
git clone https://github.com/pnmrvvtl/tanstack-solid-start-daisyui.git
cd tanstack-solid-start-daisyui
# Установить зависимости
pnpm install
# Запустить dev-сервер
pnpm devОткрыть http://localhost:3000
src/
styles/app.css # Tailwind + daisyUI + Iconify конфиг
router.tsx # TanStack Router + Query Client
routes/
__root.tsx # HTML shell, navbar, layout
index.tsx # Главная страница
about.tsx # О проекте
demo.tsx # Демо: Query, реактивность, иконки, темы
components/
DefaultCatchBoundary.tsx # Обработка ошибок
NotFound.tsx # 404 страница
Используются через CSS-классы @iconify/tailwind4:
<i class="i-solar-home-bold" />
<i class="i-ph-lightning-bold" />Каталог иконок:
Доступные темы daisyUI настраиваются в src/styles/app.css:
@plugin 'daisyui' {
themes: light, dark, nord, dracula, cyberpunk, valentine, aqua;
}Переключение темы:
<html data-theme="nord">Для SPA-режима (без SSR) добавьте в vite.config.ts:
tanstackStart({
spa: { enabled: true },
}),pnpm dev # Dev-сервер (http://localhost:3000)
pnpm build # Production сборка
pnpm preview # Превью production сборки
pnpm start # Запуск production сервераMIT