create-stackit 0.1.0

package/templates/vite-ts-redux-shadcn/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "stackit-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@reduxjs/toolkit": "^2.3.0",
+    "react-redux": "^9.1.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.2",
+    "vite": "^5.4.8",
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.6.2",
+    "tailwindcss": "^3.4.14",
+    "postcss": "^8.4.47",
+    "autoprefixer": "^10.4.20"
+  }
+}

package/templates/vite-ts-redux-shadcn/src/App.tsx

@@ -0,0 +1,14 @@
+import { useDispatch, useSelector } from 'react-redux'
+import { increment } from './store/counterSlice'
+
+export default function App() {
+  const count = useSelector((state) => state.counter.value)
+  const dispatch = useDispatch()
+  return (
+    <div>
+      <h1>create-stackit</h1>
+      <p>Count: {count}</p>
+      <button onClick={() => dispatch(increment())}>Increment</button>
+    </div>
+  )
+}

package/templates/vite-ts-redux-shadcn/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/vite-ts-redux-shadcn/src/main.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { Provider } from 'react-redux'
+import { store } from './store/store
+import './index.css'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Provider store={store}>
+      <App />
+    </Provider>
+  </React.StrictMode>,
+)

package/templates/vite-ts-redux-shadcn/src/store/counterSlice.ts

@@ -0,0 +1,16 @@
+import { createSlice } from '@reduxjs/toolkit'
+
+interface CounterState { value: number }
+const initialState: CounterState = { value: 0 }
+
+export const counterSlice = createSlice({
+  name: 'counter',
+  initialState,
+  reducers: {
+    increment: (state) => { state.value += 1 },
+    decrement: (state) => { state.value -= 1 },
+  },
+})
+
+export const { increment, decrement } = counterSlice.actions
+export default counterSlice.reducer

package/templates/vite-ts-redux-shadcn/src/store/store.ts

@@ -0,0 +1,11 @@
+import { configureStore } from '@reduxjs/toolkit'
+import counterReducer from './counterSlice'
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+})
+
+export type RootState = ReturnType<typeof store.getState>
+export type AppDispatch = typeof store.dispatch

package/templates/vite-ts-zustand-mui/README.md

@@ -0,0 +1,15 @@
+# {{PROJECT_NAME}}
+
+Generated with [create-stackit](https://github.com/your-handle/create-stackit).
+
+## Stack
+- Vite + React + TypeScript
+- Zustand
+- Material UI
+
+## Scripts
+```bash
+npm run dev      # start dev server
+npm run build    # production build
+npm run preview  # preview build
+```

package/templates/vite-ts-zustand-mui/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "stackit-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.0",
+    "@mui/material": "^6.1.6",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.2",
+    "vite": "^5.4.8",
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.6.2"
+  }
+}

package/templates/vite-ts-zustand-mui/src/App.tsx

@@ -0,0 +1,17 @@
+import { create } from 'zustand'
+
+const useStore = create((set) => ({
+  count: 0,
+  increment: () => set((s) => ({ count: s.count + 1 })),
+}))
+
+export default function App() {
+  const { count, increment } = useStore()
+  return (
+    <div>
+      <h1>create-stackit</h1>
+      <p>Count: {count}</p>
+      <button onClick={increment}>Increment</button>
+    </div>
+  )
+}

package/templates/vite-ts-zustand-mui/src/main.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { ThemeProvider, CssBaseline } from '@mui/material'
+import { theme } from './theme
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <App />
+    </ThemeProvider>
+  </React.StrictMode>,
+)

package/templates/vite-ts-zustand-mui/src/theme.ts

@@ -0,0 +1,9 @@
+import { createTheme } from '@mui/material/styles'
+
+export const theme = createTheme({
+  palette: {
+    mode: 'light',
+    primary: { main: '#6366f1' },
+    secondary: { main: '#f43f5e' },
+  },
+})

package/templates/vite-ts-zustand-shadcn/README.md

@@ -0,0 +1,15 @@
+# {{PROJECT_NAME}}
+
+Generated with [create-stackit](https://github.com/your-handle/create-stackit).
+
+## Stack
+- Vite + React + TypeScript
+- Zustand
+- Tailwind + shadcn/ui
+
+## Scripts
+```bash
+npm run dev      # start dev server
+npm run build    # production build
+npm run preview  # preview build
+```

package/templates/vite-ts-zustand-shadcn/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "stackit-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.2",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8"
+  }
+}

package/templates/vite-ts-zustand-shadcn/src/main.tsx

@@ -0,0 +1,2 @@
+// Placeholder entry — real template will be fleshed out next.
+console.log('Hello from create-stackit template');