@totaland/create-starter-kit 2.0.0 → 2.0.2

package/templates/backend/tsconfig.json

@@ -1,30 +0,0 @@
-{
-	"compilerOptions": {
-		"outDir": "./build",
-		"rootDir": "./",
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"lib": ["ESNext", "DOM"],
-		"target": "ESNext",
-		"module": "ESNext",
-		"moduleDetection": "force",
-		"jsx": "react-jsx",
-		"allowJs": true,
-
-		// Node module resolution
-		"moduleResolution": "node",
-		"noEmit": true,
-
-		// Best practices
-		"strict": true,
-		"skipLibCheck": true,
-		"noFallthroughCasesInSwitch": true,
-
-		// Some stricter flags (disabled by default)
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"noPropertyAccessFromIndexSignature": false
-	},
-	"include": ["src/**/*", "scripts/**/*"],
-	"exclude": ["node_modules, examples"]
-}

package/templates/backend/vitest.config.ts

@@ -1,24 +0,0 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'node',
-    include: ['tests/**/*.{test,spec}.{js,ts}', 'src/**/*.{test,spec}.{js,ts}'],
-    exclude: ['node_modules', 'build', 'src/generated/tests/**/*'],
-    coverage: {
-      reporter: ['text', 'json', 'html'],
-      exclude: [
-        'node_modules/',
-        'build/',
-        'tests/',
-        '*.config.*'
-      ]
-    }
-  },
-  resolve: {
-    alias: {
-      '@': '/src',
-    }
-  }
-});

package/templates/frontend/.env.example

@@ -1,7 +0,0 @@
-# Environment variables for the frontend application
-
-# API Base URL
-VITE_API_URL=http://localhost:3000/api
-
-# Add other environment variables as needed
-# VITE_FEATURE_FLAG=true

package/templates/frontend/README.md

@@ -1,132 +0,0 @@
-# Frontend Starter Kit
-
-A modern React + TypeScript frontend starter with carefully selected tools and libraries.
-
-## Tech Stack
-
-- **React 19** - Latest React with improved performance
-- **TypeScript** - Type-safe development
-- **Vite** - Fast build tool and dev server
-- **Tailwind CSS** - Utility-first CSS framework
-- **shadcn/ui** - Beautiful, accessible components
-- **TanStack Query** - Powerful data fetching and caching
-- **React Router** - Client-side routing
-- **Drizzle ORM** - Type-safe database access
-- **Biome** - Fast linter and formatter
-
-## Getting Started
-
-### Install Dependencies
-
-```bash
-pnpm install
-```
-
-### Development
-
-```bash
-pnpm dev
-```
-
-### Build
-
-```bash
-pnpm build
-```
-
-### Preview Production Build
-
-```bash
-pnpm preview
-```
-
-## Adding shadcn/ui Components
-
-To add shadcn/ui components, use the official CLI. For example:
-
-```bash
-# Add a button component
-pnpm dlx shadcn@latest add button
-
-# Add multiple components
-pnpm dlx shadcn@latest add button card dialog
-
-# Add all components (not recommended)
-pnpm dlx shadcn@latest add
-```
-
-Components will be added to `src/components/ui/` and can be customized as needed.
-
-## Folder Structure
-
-```
-src/
-├── components/          # Reusable components
-│   ├── layout/         # Layout components (Header, Footer, etc.)
-│   └── ui/             # shadcn/ui components (added via CLI)
-├── hooks/              # Custom React hooks
-├── lib/                # Utility functions and configurations
-│   ├── api-client.ts   # API client for HTTP requests
-│   └── utils.ts        # Common utilities (cn helper, etc.)
-├── pages/              # Page components (route-based)
-│   ├── home/
-│   └── about/
-├── App.tsx             # Main app component with routes
-├── main.tsx            # App entry point
-└── index.css           # Global styles with Tailwind
-```
-
-## Scripts
-
-- `pnpm dev` - Start development server
-- `pnpm build` - Build for production
-- `pnpm preview` - Preview production build
-- `pnpm lint` - Run Biome linter
-- `pnpm lint:fix` - Fix linting issues
-- `pnpm format` - Format code with Biome
-
-## Environment Variables
-
-Copy `.env.example` to `.env` and update the values:
-
-```bash
-cp .env.example .env
-```
-
-## Path Aliases
-
-The project uses `@` as an alias for the `src/` directory:
-
-```typescript
-import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
-```
-
-## Drizzle ORM Setup
-
-To use Drizzle ORM with your frontend:
-
-1. Define your schema in a shared location (e.g., `../backend/src/db/schema.ts`)
-2. Generate types: `pnpm drizzle-kit generate`
-3. Use the typed client in your queries
-
-## TanStack Query
-
-Example usage:
-
-```typescript
-import { useQuery } from '@tanstack/react-query';
-
-function MyComponent() {
-  const { data, isLoading } = useQuery({
-    queryKey: ['myData'],
-    queryFn: () => fetch('/api/data').then(r => r.json()),
-  });
-  
-  // ...
-}
-```
-
-## License
-
-MIT

package/templates/frontend/RECOMMENDED_LIBRARIES.md

@@ -1,226 +0,0 @@
-# Additional UI Libraries & Tools to Consider
-
-This document lists recommended libraries and tools to enhance your frontend starter kit, organized by category.
-
-## UI Components & Styling
-
-### Already Included ✅
-- **shadcn/ui** - Copy-paste React components built with Radix UI and Tailwind
-- **Tailwind CSS** - Utility-first CSS framework
-- **Lucide React** - Beautiful, consistent icon library
-
-### Consider Adding
-
-#### Animation Libraries
-- **Framer Motion** - Production-ready motion library for React
-  ```bash
-  pnpm add framer-motion
-  ```
-
-#### Form Libraries
-- **React Hook Form** - Performant, flexible forms with easy validation
-  ```bash
-  pnpm add react-hook-form @hookform/resolvers
-  ```
-
-#### Date & Time
-- **date-fns** - Modern JavaScript date utility library
-  ```bash
-  pnpm add date-fns
-  ```
-- **react-day-picker** - Flexible date picker component
-  ```bash
-  pnpm add react-day-picker
-  ```
-
-#### Charts & Data Visualization
-- **Recharts** - Composable charting library built with React
-  ```bash
-  pnpm add recharts
-  ```
-- **Victory** - React charting library
-  ```bash
-  pnpm add victory
-  ```
-
-## State Management
-
-- **Zustand** - Small, fast state management (simpler alternative to Redux)
-  ```bash
-  pnpm add zustand
-  ```
-- **Jotai** - Primitive and flexible state management
-  ```bash
-  pnpm add jotai
-  ```
-
-## Utilities
-
-#### Validation (Already Included ✅)
-- **Zod** - TypeScript-first schema validation
-
-#### HTTP Client
-- **Axios** - Promise-based HTTP client (alternative to fetch)
-  ```bash
-  pnpm add axios
-  ```
-
-#### Formatting
-- **clsx** (Already included ✅) - Tiny utility for constructing className strings
-- **tailwind-merge** (Already included ✅) - Merge Tailwind CSS classes
-
-## Developer Experience
-
-### Already Included ✅
-- **Biome** - Fast linter and formatter
-- **TypeScript** - Static type checking
-- **Vite** - Lightning-fast build tool
-
-### Consider Adding
-
-#### Testing
-- **Vitest** - Vite-native unit testing framework
-  ```bash
-  pnpm add -D vitest @vitest/ui
-  ```
-- **Testing Library** - Simple testing utilities
-  ```bash
-  pnpm add -D @testing-library/react @testing-library/jest-dom @testing-library/user-event
-  ```
-- **Playwright** - End-to-end testing
-  ```bash
-  pnpm add -D @playwright/test
-  ```
-
-#### Documentation
-- **Storybook** - Component documentation and development
-  ```bash
-  pnpm dlx storybook@latest init
-  ```
-
-## Authentication & Security
-
-- **Auth.js (NextAuth.js)** - Authentication for React
-  ```bash
-  pnpm add next-auth
-  ```
-- **Clerk** - Complete authentication and user management
-  ```bash
-  pnpm add @clerk/clerk-react
-  ```
-
-## File Handling
-
-- **React Dropzone** - File upload with drag and drop
-  ```bash
-  pnpm add react-dropzone
-  ```
-
-## Tables & Data Grid
-
-- **TanStack Table** - Headless UI for building powerful tables
-  ```bash
-  pnpm add @tanstack/react-table
-  ```
-
-## Internationalization (i18n)
-
-- **react-i18next** - Internationalization framework
-  ```bash
-  pnpm add react-i18next i18next
-  ```
-
-## Accessibility
-
-- **@radix-ui/react-*** (Already included via shadcn/ui ✅) - Accessible component primitives
-- **react-aria** - Adobe's accessible UI primitives
-  ```bash
-  pnpm add react-aria
-  ```
-
-## Performance Monitoring
-
-- **@vercel/analytics** - Analytics for your app
-  ```bash
-  pnpm add @vercel/analytics
-  ```
-
-## Recommendations
-
-### Minimal Setup (Current)
-You currently have:
-- ✅ React Router (routing)
-- ✅ TanStack Query (data fetching)
-- ✅ shadcn/ui (components)
-- ✅ Tailwind CSS (styling)
-- ✅ Drizzle ORM (database)
-- ✅ Biome (linting/formatting)
-
-### Essential Additions
-Consider adding these for most projects:
-1. **React Hook Form** - For complex forms
-2. **Framer Motion** - For animations
-3. **date-fns** - For date manipulation
-4. **Zustand** - For global state (if needed)
-
-### Full-Featured Setup
-For a production-ready application:
-1. All essential additions above
-2. **Vitest + Testing Library** - For testing
-3. **TanStack Table** - For data tables
-4. **Auth.js or Clerk** - For authentication
-5. **Recharts** - For data visualization
-6. **React Dropzone** - For file uploads
-
-## Usage Examples
-
-### Adding shadcn/ui Components
-
-The starter is configured for shadcn/ui. Add components via CLI:
-
-```bash
-# Add specific components
-pnpm dlx shadcn@latest add button
-pnpm dlx shadcn@latest add card dialog form input
-
-# View all available components
-pnpm dlx shadcn@latest add
-```
-
-### Using TanStack Query
-
-Example of data fetching with TanStack Query:
-
-```typescript
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-
-// Fetch data
-function MyComponent() {
-  const { data, isLoading, error } = useQuery({
-    queryKey: ['todos'],
-    queryFn: () => fetch('/api/todos').then(r => r.json()),
-  });
-
-  // Mutations
-  const queryClient = useQueryClient();
-  const mutation = useMutation({
-    mutationFn: (newTodo) => fetch('/api/todos', {
-      method: 'POST',
-      body: JSON.stringify(newTodo),
-    }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['todos'] });
-    },
-  });
-}
-```
-
-## Path Aliases
-
-The project already has `@` configured as an alias:
-
-```typescript
-import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
-import { HomePage } from '@/pages/home/HomePage';
-```

package/templates/frontend/SETUP_SUMMARY.md

@@ -1,162 +0,0 @@
-# Frontend Starter Kit - Setup Summary
-
-## What Was Done
-
-### ✅ Replaced ESLint with Biome
-- Removed all ESLint dependencies and configuration
-- Added Biome 2.3.7 with proper configuration
-- Updated scripts: `lint`, `lint:fix`, `format`
-
-### ✅ Updated All Packages to Latest
-Used `npm-check-updates` to update all dependencies:
-- React 19.2.0
-- Tailwind CSS 4.1.17 (major upgrade from v3)
-- TanStack Query 5.90.10
-- React Router 7.9.6
-- Radix UI components (latest)
-- And many more...
-
-### ✅ Added Essential UI Libraries
-
-#### Dependencies
-- `@radix-ui/*` - Accessible component primitives (for shadcn/ui)
-- `@tanstack/react-query` + devtools - Data fetching and caching
-- `class-variance-authority` - For component variants
-- `clsx` - Classname utility
-- `drizzle-orm` - Type-safe database ORM
-- `lucide-react` - Icon library
-- `react-router-dom` - Client-side routing
-- `tailwind-merge` - Merge Tailwind classes
-- `tailwindcss-animate` - Animation utilities
-- `zod` - Schema validation
-
-#### Dev Dependencies
-- `@biomejs/biome` - Linter and formatter
-- `@tailwindcss/postcss` - Tailwind v4 PostCSS plugin
-- `autoprefixer` - CSS autoprefixer
-- `drizzle-kit` - Drizzle ORM CLI
-- `tailwindcss` - Utility-first CSS framework
-
-### ✅ Configured for shadcn/ui
-- Created `components.json` for shadcn CLI
-- Set up path aliases (`@/` → `src/`)
-- Configured Tailwind with shadcn-compatible theme variables
-- Components can be added via: `pnpm dlx shadcn@latest add button`
-
-### ✅ Set Up Modern Build Stack
-- Tailwind CSS v4 with new `@theme` directive
-- PostCSS with proper autoprefixer
-- Path aliases in both TypeScript and Vite
-- Proper ES module syntax throughout
-
-### ✅ Added  Folder Structure
-
-```
-src/
-├── components/
-│   ├── layout/
-│   │   └── Layout.tsx          # Main layout with navigation
-│   └── ui/                     # (empty - add shadcn components here)
-├── hooks/                      # (empty - for custom hooks)
-├── lib/
-│   ├── api-client.ts           # HTTP client helper
-│   └── utils.ts                # cn() helper for classnames
-├── pages/
-│   ├── home/
-│   │   └── HomePage.tsx        # Home page with TanStack Query example
-│   └── about/
-│       └── AboutPage.tsx       # About page
-├── App.tsx                     # Main app with React Router
-├── main.tsx                    # Entry point with providers
-└── index.css                   # Global styles + Tailwind v4 theme
-```
-
-### ✅ Added Configuration Files
-- `biome.json` - Biome linter/formatter config
-- `tailwind.config.js` - Tailwind v4 config
-- `postcss.config.js` - PostCSS with Tailwind plugin
-- `components.json` - shadcn/ui CLI config
-- `.env.example` - Environment variables template
-
-### ✅ Created Documentation
-- `README.md` - Complete setup and usage guide
-- `RECOMMENDED_LIBRARIES.md` - Additional libraries to consider
-
-## Quick Start
-
-1. **Install dependencies:**
-   ```bash
-   cd frontend
-   pnpm install
-   ```
-
-2. **Start development server:**
-   ```bash
-   pnpm dev
-   ```
-
-3. **Add shadcn/ui components:**
-   ```bash
-   pnpm dlx shadcn@latest add button card dialog
-   ```
-
-## Scripts Available
-
-- `pnpm dev` - Start development server
-- `pnpm build` - Build for production
-- `pnpm preview` - Preview production build
-- `pnpm lint` - Check code with Biome
-- `pnpm lint:fix` - Fix linting issues
-- `pnpm format` - Format code
-
-## Important Notes
-
-### Tailwind CSS v4
-This project uses Tailwind CSS v4, which has some changes from v3:
-- Uses `@import 'tailwindcss'` instead of `@tailwind` directives
-- Theme configuration uses `@theme` directive in CSS
-- Requires `@tailwindcss/postcss` plugin
-- Colors are prefixed with `--color-*` in the theme
-
-### shadcn/ui
-Components are NOT pre-installed. Add them as needed:
-```bash
-pnpm dlx shadcn@latest add <component-name>
-```
-
-Components will be added to `src/components/ui/` and can be customized.
-
-### Path Aliases
-Use `@/` to import from src directory:
-```typescript
-import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
-```
-
-## Testing the Setup
-
-Build completed successfully! ✅
-- TypeScript compilation: ✅
-- Vite build: ✅
-- Total build size: ~262KB (gzipped: ~83KB)
-
-## Next Steps
-
-1. Review the folder structure and example pages
-2. Add shadcn/ui components as needed
-3. Check `RECOMMENDED_LIBRARIES.md` for additional tools
-4. Customize the theme in `src/index.css`
-5. Add your API endpoints and data fetching logic
-
-## Tech Stack Summary
-
-- ⚛️ React 19 + TypeScript
-- 🎨 Tailwind CSS v4
-- 🎯 shadcn/ui (Radix UI + Tailwind)
-- 🔄 TanStack Query v5
-- 🗺️ React Router v7
-- 🗄️ Drizzle ORM
-- 🧹 Biome (linting + formatting)
-- ⚡ Vite 7
-- 🔤 Lucide React (icons)
-- ✅ Zod (validation)

package/templates/frontend/biome.json

@@ -1,47 +0,0 @@
-{
-    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-    "vcs": {
-        "enabled": true,
-        "clientKind": "git",
-        "useIgnoreFile": true
-    },
-    "files": {
-        "ignoreUnknown": false,
-        "ignore": [
-            "node_modules",
-            "dist",
-            "build",
-            ".next",
-            "coverage"
-        ]
-    },
-    "formatter": {
-        "enabled": true,
-        "indentStyle": "space",
-        "indentWidth": 2,
-        "lineWidth": 100
-    },
-    "organizeImports": {
-        "enabled": true
-    },
-    "linter": {
-        "enabled": true,
-        "rules": {
-            "recommended": true,
-            "suspicious": {
-                "noExplicitAny": "warn"
-            },
-            "style": {
-                "useConst": "error",
-                "useTemplate": "warn"
-            }
-        }
-    },
-    "javascript": {
-        "formatter": {
-            "quoteStyle": "single",
-            "trailingCommas": "es5",
-            "semicolons": "always"
-        }
-    }
-}

package/templates/frontend/components.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "registries": {}
-}

package/templates/frontend/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>