starter-structure-cli 0.2.1 → 0.2.2

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "api",
+  "version": "1.0.0",
+  "description": "Express + Mongoose + JWT starter API",
+  "main": "index.js",
+  "scripts": {
+    "dev": "nodemon index.js",
+    "start": "node index.js"
+  },
+  "keywords": [
+    "express",
+    "mongoose",
+    "jwt",
+    "api"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.7",
+    "express": "^4.21.2",
+    "helmet": "^8.0.0",
+    "jsonwebtoken": "^9.0.2",
+    "mongoose": "^8.9.5",
+    "morgan": "^1.10.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.9"
+  }
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/routes/auth/index.js

@@ -0,0 +1,12 @@
+const express = require("express");
+
+const { login, me, register } = require("../../controllers/auth");
+const authenticate = require("../../middleware/authenticate");
+
+const router = express.Router();
+
+router.post("/register", register);
+router.post("/login", login);
+router.get("/me", authenticate, me);
+
+module.exports = router;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/routes/booking/index.tsx

@@ -0,0 +1,23 @@
+export type ApiRouteDefinition = {
+  method: "GET" | "POST" | "PATCH" | "DELETE";
+  path: string;
+  handler: string;
+  protected?: boolean;
+};
+
+export const bookingApiRoutes: ApiRouteDefinition[] = [
+  {
+    method: "GET",
+    path: "/booking",
+    handler: "listBooking",
+    protected: true
+  },
+  {
+    method: "POST",
+    path: "/booking",
+    handler: "createBooking",
+    protected: true
+  }
+];
+
+export default bookingApiRoutes;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/routes/category/index.tsx

@@ -0,0 +1,23 @@
+export type ApiRouteDefinition = {
+  method: "GET" | "POST" | "PATCH" | "DELETE";
+  path: string;
+  handler: string;
+  protected?: boolean;
+};
+
+export const categoryApiRoutes: ApiRouteDefinition[] = [
+  {
+    method: "GET",
+    path: "/category",
+    handler: "listCategory",
+    protected: true
+  },
+  {
+    method: "POST",
+    path: "/category",
+    handler: "createCategory",
+    protected: true
+  }
+];
+
+export default categoryApiRoutes;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/routes/contact/index.tsx

@@ -0,0 +1,23 @@
+export type ApiRouteDefinition = {
+  method: "GET" | "POST" | "PATCH" | "DELETE";
+  path: string;
+  handler: string;
+  protected?: boolean;
+};
+
+export const contactApiRoutes: ApiRouteDefinition[] = [
+  {
+    method: "GET",
+    path: "/contact",
+    handler: "listContact",
+    protected: true
+  },
+  {
+    method: "POST",
+    path: "/contact",
+    handler: "createContact",
+    protected: true
+  }
+];
+
+export default contactApiRoutes;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/routes/index.js

@@ -0,0 +1,16 @@
+const express = require("express");
+
+const authRoutes = require("./auth");
+
+const router = express.Router();
+
+router.get("/health", (_req, res) => {
+  res.json({
+    success: true,
+    message: "Server is healthy"
+  });
+});
+
+router.use("/auth", authRoutes);
+
+module.exports = router;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/scripts/index.tsx

@@ -0,0 +1,12 @@
+export const scriptsTasks = [
+  "migrate",
+  "seed",
+  "verify"
+];
+
+export function runScriptsTask(taskName: string) {
+  return {
+    taskName,
+    executedAt: new Date().toISOString()
+  };
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/utils/api-response/index.js

@@ -0,0 +1,20 @@
+function successResponse(res, data = null, message = "Success", statusCode = 200) {
+  return res.status(statusCode).json({
+    success: true,
+    message,
+    data
+  });
+}
+
+function errorResponse(res, message = "Something went wrong", statusCode = 500, errors = null) {
+  return res.status(statusCode).json({
+    success: false,
+    message,
+    errors
+  });
+}
+
+module.exports = {
+  successResponse,
+  errorResponse
+};

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/api/utils/generate-token/index.js

@@ -0,0 +1,9 @@
+const jwt = require("jsonwebtoken");
+
+function generateToken(userId) {
+  return jwt.sign({ id: userId }, process.env.JWT_SECRET, {
+    expiresIn: process.env.JWT_EXPIRES_IN || "7d"
+  });
+}
+
+module.exports = generateToken;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/.env.example

@@ -0,0 +1 @@
+VITE_APP_NAME=__APP_NAME__

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/README.md

@@ -0,0 +1,18 @@
+# __APP_NAME__
+
+React + Vite + Tailwind starter in JavaScript.
+
+## Included
+
+- React powered by Vite
+- Tailwind CSS v4 with the Vite plugin
+- A polished single-page starter layout
+- Ready-to-edit sections and shared styles
+
+## Getting started
+
+```bash
+npm install
+npm run dev
+```
+

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Starter project for __APP_NAME__ powered by React, Vite, and Tailwind."
+    />
+    <title>__APP_NAME__</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "web",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "tailwindcss": "^4.1.0",
+    "vite": "^6.2.0"
+
+  }
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/public/index.tsx

@@ -0,0 +1,16 @@
+export const publicManifest = [
+  {
+    key: "public-hero",
+    label: "Public hero",
+    path: "/public/hero-placeholder"
+  },
+  {
+    key: "public-cover",
+    label: "Public cover",
+    path: "/public/cover-placeholder"
+  }
+];
+
+export const publicSource = "monorepo-web-api-enterprise-structure/shared/apps/web/public/index.tsx";
+
+export default publicManifest;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/App.jsx

@@ -0,0 +1,77 @@
+import FeatureGrid from "./components/feature-grid";
+
+const launchTracks = [
+  "Landing page sections with clear content hierarchy",
+  "Tailwind v4 styling with a warm editorial visual language",
+  "Simple component structure that is easy to extend"
+];
+
+const checklist = [
+  { label: "Brand system", value: "Colors, voice, layout" },
+  { label: "Core pages", value: "Home, feature, CTA blocks" },
+  { label: "Launch speed", value: "Fast local edits with Vite" }
+];
+
+export default function App() {
+  const appName = import.meta.env.VITE_APP_NAME || "__APP_NAME__";
+
+  return (
+    <main className="px-6 py-8 md:px-10 lg:px-12">
+      <section className="mx-auto grid min-h-[calc(100vh-4rem)] max-w-6xl gap-10 rounded-[2rem] border border-[var(--line)] bg-[var(--panel)] p-8 shadow-[0_30px_120px_rgba(15,23,42,0.08)] backdrop-blur md:grid-cols-[1.2fr_0.8fr] md:p-12">
+        <div className="flex flex-col justify-between gap-8">
+          <div className="space-y-6">
+            <span className="inline-flex w-fit rounded-full border border-amber-300 bg-amber-50 px-4 py-2 text-sm font-medium text-amber-900">
+              React + Vite + Tailwind starter
+            </span>
+            <div className="space-y-4">
+              <h1 className="max-w-3xl text-5xl font-semibold tracking-tight text-slate-900 md:text-6xl">
+                {appName} ships with a clean marketing shell, not a blank page.
+              </h1>
+              <p className="max-w-2xl text-lg leading-8 text-[var(--muted)]">
+                Start from a deliberate layout with strong spacing, textured color, and clear sections
+                instead of rebuilding the same landing page structure on every project.
+              </p>
+            </div>
+          </div>
+
+          <div className="grid gap-4 sm:grid-cols-3">
+            {launchTracks.map((item) => (
+              <article
+                key={item}
+                className="rounded-3xl border border-white/70 bg-white/75 p-5 text-sm leading-7 text-slate-700 shadow-sm"
+              >
+                {item}
+              </article>
+            ))}
+          </div>
+        </div>
+
+        <aside className="flex flex-col justify-between rounded-[1.75rem] bg-slate-950 p-6 text-slate-50 shadow-[0_20px_80px_rgba(15,23,42,0.3)]">
+          <div className="space-y-4">
+            <p className="text-sm uppercase tracking-[0.24em] text-slate-400">Launch checklist</p>
+            <div className="space-y-3">
+              {checklist.map((item) => (
+                <div
+                  key={item.label}
+                  className="rounded-2xl border border-white/10 bg-white/5 p-4"
+                >
+                  <p className="text-sm text-slate-400">{item.label}</p>
+                  <p className="mt-1 text-base font-medium text-white">{item.value}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          <div className="mt-8 rounded-3xl bg-linear-to-br from-orange-400 via-amber-300 to-lime-200 p-[1px]">
+            <div className="rounded-[calc(1.5rem-1px)] bg-slate-950/95 p-5">
+              <p className="text-sm text-slate-400">Ready for the next template layer?</p>
+              <p className="mt-2 text-lg font-medium">Add auth, CMS, or dashboard modules on top of this shell.</p>
+            </div>
+          </div>
+        </aside>
+      </section>
+
+      <FeatureGrid />
+    </main>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/assets/index.tsx

@@ -0,0 +1,16 @@
+export const assetsManifest = [
+  {
+    key: "assets-hero",
+    label: "Assets hero",
+    path: "/assets/hero-placeholder"
+  },
+  {
+    key: "assets-cover",
+    label: "Assets cover",
+    path: "/assets/cover-placeholder"
+  }
+];
+
+export const assetsSource = "monorepo-web-api-enterprise-structure/shared/apps/web/src/assets/index.tsx";
+
+export default assetsManifest;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/common/index.tsx

@@ -0,0 +1,37 @@
+type CommonProps = {
+  title?: string;
+  description?: string;
+  items?: string[];
+};
+
+const defaultItems = [
+  "Wire up real API calls",
+  "Replace placeholder copy",
+  "Connect this module to your route tree"
+];
+
+export default function Common({
+  title = "Common",
+  description = "Starter implementation for the common module.",
+  items = defaultItems
+}: CommonProps) {
+  return (
+    <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="space-y-2">
+        <p className="text-xs font-semibold uppercase tracking-[0.24em] text-slate-500">
+          Common
+        </p>
+        <h2 className="text-2xl font-semibold text-slate-900">{title}</h2>
+        <p className="text-sm leading-6 text-slate-600">{description}</p>
+      </div>
+
+      <div className="mt-5 grid gap-3 sm:grid-cols-3">
+        {items.map((item) => (
+          <article key={item} className="rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-700">
+            {item}
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/feature-grid/index.jsx

@@ -0,0 +1,32 @@
+const cards = [
+  {
+    title: "Intentional look",
+    body: "Warm neutrals, sharp typography, and layered surfaces give the starter a point of view immediately."
+  },
+  {
+    title: "Fast edits",
+    body: "Sections are plain React components, so changing copy and layout stays straightforward."
+  },
+  {
+    title: "Portable setup",
+    body: "You can turn this into a SaaS page, agency site, waitlist, or docs front page without redoing the base."
+  }
+];
+
+export default function FeatureGrid() {
+  return (
+    <section className="mx-auto mt-10 max-w-6xl">
+      <div className="grid gap-4 md:grid-cols-3">
+        {cards.map((card) => (
+          <article
+            key={card.title}
+            className="rounded-[1.75rem] border border-[var(--line)] bg-white/70 p-6 shadow-sm"
+          >
+            <p className="text-lg font-semibold text-slate-900">{card.title}</p>
+            <p className="mt-3 text-sm leading-7 text-slate-600">{card.body}</p>
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/features-card/index.tsx

@@ -0,0 +1,37 @@
+type FeaturesCardProps = {
+  title?: string;
+  description?: string;
+  items?: string[];
+};
+
+const defaultItems = [
+  "Wire up real API calls",
+  "Replace placeholder copy",
+  "Connect this module to your route tree"
+];
+
+export default function FeaturesCard({
+  title = "Features Card",
+  description = "Starter implementation for the features card module.",
+  items = defaultItems
+}: FeaturesCardProps) {
+  return (
+    <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="space-y-2">
+        <p className="text-xs font-semibold uppercase tracking-[0.24em] text-slate-500">
+          Features Card
+        </p>
+        <h2 className="text-2xl font-semibold text-slate-900">{title}</h2>
+        <p className="text-sm leading-6 text-slate-600">{description}</p>
+      </div>
+
+      <div className="mt-5 grid gap-3 sm:grid-cols-3">
+        {items.map((item) => (
+          <article key={item} className="rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-700">
+            {item}
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/reuseable/index.tsx

@@ -0,0 +1,37 @@
+type ReuseableProps = {
+  title?: string;
+  description?: string;
+  items?: string[];
+};
+
+const defaultItems = [
+  "Wire up real API calls",
+  "Replace placeholder copy",
+  "Connect this module to your route tree"
+];
+
+export default function Reuseable({
+  title = "Reuseable",
+  description = "Starter implementation for the reuseable module.",
+  items = defaultItems
+}: ReuseableProps) {
+  return (
+    <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="space-y-2">
+        <p className="text-xs font-semibold uppercase tracking-[0.24em] text-slate-500">
+          Reuseable
+        </p>
+        <h2 className="text-2xl font-semibold text-slate-900">{title}</h2>
+        <p className="text-sm leading-6 text-slate-600">{description}</p>
+      </div>
+
+      <div className="mt-5 grid gap-3 sm:grid-cols-3">
+        {items.map((item) => (
+          <article key={item} className="rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-700">
+            {item}
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/shared/index.tsx

@@ -0,0 +1,37 @@
+type SharedProps = {
+  title?: string;
+  description?: string;
+  items?: string[];
+};
+
+const defaultItems = [
+  "Wire up real API calls",
+  "Replace placeholder copy",
+  "Connect this module to your route tree"
+];
+
+export default function Shared({
+  title = "Shared",
+  description = "Starter implementation for the shared module.",
+  items = defaultItems
+}: SharedProps) {
+  return (
+    <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="space-y-2">
+        <p className="text-xs font-semibold uppercase tracking-[0.24em] text-slate-500">
+          Shared
+        </p>
+        <h2 className="text-2xl font-semibold text-slate-900">{title}</h2>
+        <p className="text-sm leading-6 text-slate-600">{description}</p>
+      </div>
+
+      <div className="mt-5 grid gap-3 sm:grid-cols-3">
+        {items.map((item) => (
+          <article key={item} className="rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-700">
+            {item}
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/components/ui/index.tsx

@@ -0,0 +1,37 @@
+type UiShowcaseProps = {
+  title?: string;
+  description?: string;
+  items?: string[];
+};
+
+const defaultItems = [
+  "Wire up real API calls",
+  "Replace placeholder copy",
+  "Connect this module to your route tree"
+];
+
+export default function UiShowcase({
+  title = "UI",
+  description = "Starter implementation for the ui module.",
+  items = defaultItems
+}: UiShowcaseProps) {
+  return (
+    <section className="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
+      <div className="space-y-2">
+        <p className="text-xs font-semibold uppercase tracking-[0.24em] text-slate-500">
+          UI
+        </p>
+        <h2 className="text-2xl font-semibold text-slate-900">{title}</h2>
+        <p className="text-sm leading-6 text-slate-600">{description}</p>
+      </div>
+
+      <div className="mt-5 grid gap-3 sm:grid-cols-3">
+        {items.map((item) => (
+          <article key={item} className="rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-700">
+            {item}
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/context/index.tsx

@@ -0,0 +1,28 @@
+import { createContext, useContext, useState, type PropsWithChildren } from "react";
+
+type ContextState = {
+  activeSection: string;
+  setActiveSection: (value: string) => void;
+};
+
+const ContextContext = createContext<ContextState | undefined>(undefined);
+
+export function ContextProvider({ children }: PropsWithChildren) {
+  const [activeSection, setActiveSection] = useState("dashboard");
+
+  return (
+    <ContextContext.Provider value={{ activeSection, setActiveSection }}>
+      {children}
+    </ContextContext.Provider>
+  );
+}
+
+export function useContext() {
+  const context = useContext(ContextContext);
+
+  if (!context) {
+    throw new Error("useContext must be used inside ContextProvider.");
+  }
+
+  return context;
+}

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/data/menu-items/index.tsx

@@ -0,0 +1,7 @@
+export const menuItems = [
+  { id: "dashboard", label: "Dashboard", href: "/dashboard" },
+  { id: "reports", label: "Reports", href: "/reports" },
+  { id: "settings", label: "Settings", href: "/settings" }
+];
+
+export default menuItems;

package/templates/monorepo-turbo-pnpm/react-vite-api-express-mongoose/apps/web/src/hooks/api/index.tsx

@@ -0,0 +1,28 @@
+import { useEffect, useState } from "react";
+
+type LoadState = "idle" | "loading" | "ready";
+
+export default function useApi() {
+  const [state, setState] = useState<LoadState>("idle");
+  const [items, setItems] = useState<string[]>([]);
+
+  useEffect(() => {
+    setState("loading");
+
+    const timer = window.setTimeout(() => {
+      setItems([
+        "API starter task",
+        "Replace mock data",
+        "Connect real permissions"
+      ]);
+      setState("ready");
+    }, 120);
+
+    return () => window.clearTimeout(timer);
+  }, []);
+
+  return {
+    state,
+    items
+  };
+}