fix npm cache

cmd/program/program.go

@@ -829,8 +829,11 @@ func (p *Project) CreateViteReactProject(projectPath string) error {
 	}
 
 	// the interactive vite command will not work as we can't interact with it
-	fmt.Println("Installing create-vite...")
-	cmd := exec.Command("npm", "create", "vite@latest", "frontend", "--", "--template", "react-ts")
+	fmt.Println("Installing create-vite (using cache if available)...")
+	cmd := exec.Command("npm", "create", "vite@latest", "frontend", "--",
+		"--template", "react-ts",
+		"--prefer-offline",
+		"--no-fund")
 	cmd.Stdout = os.Stdout
 	cmd.Stderr = os.Stderr
 	if err := cmd.Run(); err != nil {
@@ -881,16 +884,22 @@ func (p *Project) CreateViteReactProject(projectPath string) error {
 	if err := os.WriteFile(filepath.Join(frontendPath, ".env"), []byte(frontendEnvContent), 0644); err != nil {
 		return fmt.Errorf("failed to create frontend .env file: %w", err)
 	}
+
 	// Handle Tailwind configuration if selected
 	if p.AdvancedOptions[string(flags.Tailwind)] {
-		fmt.Println("Tailwind selected. Configuring with React...")
-		cmd := exec.Command("npm", "install", "-D", "tailwindcss", "postcss", "autoprefixer")
+		fmt.Println("Installing Tailwind dependencies (using cache if available)...")
+		cmd := exec.Command("npm", "install",
+			"--prefer-offline",
+			"--no-fund",
+			"tailwindcss", "postcss", "autoprefixer")
 		cmd.Stdout = os.Stdout
 		cmd.Stderr = os.Stderr
 		if err := cmd.Run(); err != nil {
 			return fmt.Errorf("failed to install Tailwind: %w", err)
 		}
-		cmd = exec.Command("npx", "tailwindcss", "init", "-p")
+
+		fmt.Println("Initializing Tailwind...")
+		cmd = exec.Command("npx", "--prefer-offline", "tailwindcss", "init", "-p")
 		cmd.Stdout = os.Stdout
 		cmd.Stderr = os.Stderr
 		if err := cmd.Run(); err != nil {
@@ -930,7 +939,6 @@ func (p *Project) CreateViteReactProject(projectPath string) error {
 
 	return nil
 }
-
 func (p *Project) CreateHtmxTemplates() {
 	routesPlaceHolder := ""
 	importsPlaceHolder := ""

cmd/template/framework/files/makefile.tmpl

@@ -56,7 +56,7 @@ build:{{- if and .AdvancedOptions.tailwind (not .AdvancedOptions.react) }} tailw
 # Run the application
 run:
 	@go run cmd/api/main.go{{- if .AdvancedOptions.react }} &
-	@npm install --prefix ./frontend
+	@npm install --prefer-offline --no-fund --prefix ./frontend
 	@npm run dev --prefix ./frontend
 	{{- end }}
 

docs/docs/advanced-flag/react-vite.md

@@ -213,4 +213,23 @@ networks:
 
 ## Environment Variables
 
-The `VITE_PORT` in .env refers `PORT` from .env in project root ( for backend ). If value of `PORT` is changed than `VITE_PORT` must also be changed so that requests to backend work fine and have no conflicts.
+The `VITE_PORT` in .env refers `PORT` from .env in project root ( for backend ). If value of `PORT` is changed than `VITE_PORT` must also be changed so that requests to backend work fine and have no conflicts.
+
+## Notes
+
+- First time running the project creation with Tailwind can take longer (~10 mins) as npm needs to download and cache all packages
+
+- Subsequent runs will be faster as they utilize npm's cache, which we enforce during project creation.
+
+- If encountering issues with package installation, try these npm commands:
+
+```bash
+# Check cache status
+npm cache verify
+
+# View cache contents
+npm cache ls
+
+# Clean cache if needed
+npm cache clean --force
+```