FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

russelgal/tanstack-solid-start-daisyui: Starter template: TanStack Solid Start + SolidJS + Solid Query v5 + Tailwind v4 + daisyUI v5 + Iconify icons · GitHub

/ tanstack-solid-start-daisyui Public
BranchesTags

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
src
src
 
 
.DS_Store
.DS_Store
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
vite.config.ts
vite.config.ts
 
 

Repository files navigation

TanStack Solid Start + daisyUI Starter

Шаблон для быстрого старта проектов на 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 Mode

Для 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

About

Starter template: TanStack Solid Start + SolidJS + Solid Query v5 + Tailwind v4 + daisyUI v5 + Iconify icons

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

Back | FazBrowse Home | New Git URL