Add Vite + Tailwind CSS v4 + daisyUI v5 static site template

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-28 15:58:00 -05:00
parent e9cdd9b87a
commit 02fd21709e
8 changed files with 68 additions and 1 deletions
@@ -0,0 +1,4 @@
+node_modules/
+dist/
+.env
+.env.local
@@ -6,4 +6,28 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co

 This repository is for `kingmaker.gateway-gamers.net` — likely the website or backend service for a Kingmaker community on the Gateway Gamers network.

-The repository is currently empty (no source code committed yet). Update this file once the project stack and structure are established.
+## Stack
+
+- **Vite** — build tool and dev server
+- **Tailwind CSS v4** — utility-first CSS (configured via CSS, no `tailwind.config.js`)
+- **daisyUI v5** — component library plugin for Tailwind
+
+## Commands
+
+```bash
+npm install       # install dependencies
+npm run dev       # start dev server (http://localhost:5173)
+npm run build     # production build → dist/
+npm run preview   # preview production build locally
+```
+
+## Structure
+
+- `index.html` — Vite entry point at repo root
+- `src/style.css` — CSS entry; imports Tailwind and registers daisyUI via `@plugin`
+- `src/main.js` — JS entry point
+- `postcss.config.js` — wires `@tailwindcss/postcss` into Vite's PostCSS pipeline
+
+## daisyUI theming
+
+Set the active theme on `<html data-theme="...">`. Available themes are daisyUI's built-ins (e.g. `light`, `dark`, `cupcake`). Custom themes can be added in `src/style.css` using `@plugin "daisyui" { themes: [...] }`.
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Kingmaker</title>
+    <link rel="stylesheet" href="/src/style.css" />
+  </head>
+  <body>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
@@ -0,0 +1,16 @@
+{
+  "name": "kingmaker-gateway-gamers",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
+    "daisyui": "^5.0.0",
+    "tailwindcss": "^4.0.0",
+    "vite": "^6.0.0"
+  }
+}
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {}
+  }
+}
@@ -0,0 +1 @@
+
@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@plugin "daisyui";
@@ -0,0 +1,3 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({})