npm - starter-structure-cli - Versions diffs - 0.2.1 → 0.2.2 - Mend

starter-structure-cli 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1210) hide show

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/README.md ADDED Viewed

@@ -0,0 +1,35 @@
+# __APP_NAME__
+Next.js App Router starter with Tailwind CSS v4.
+## Features
+- Next.js App Router
+- Tailwind CSS v4
+- ESLint flat config
+- Reusable landing page sections
+- Alias support with `@/*`
+## Project structure
+```text
+.
+├── app/
+├── components/
+├── lib/
+├── public/
+├── .env.example
+├── eslint.config.mjs
+├── jsconfig.json
+├── next.config.mjs
+├── package.json
+└── postcss.config.mjs
+```
+## Getting started
+```bash
+npm install
+cp .env.example .env
+npm run dev
+```

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/app/globals.css ADDED Viewed

@@ -0,0 +1,56 @@
+@import "tailwindcss";
+:root {
+  --color-ink: #07111d;
+  --color-panel: rgba(13, 24, 44, 0.76);
+  --color-paper: #eef5ff;
+  --color-muted: #9db6d5;
+  --color-line: rgba(173, 201, 232, 0.18);
+  --color-accent: #8bf2cc;
+  --color-accent-strong: #2be0a5;
+  --color-sun: #ffd36e;
+}
+* {
+  box-sizing: border-box;
+}
+html {
+  scroll-behavior: smooth;
+}
+body {
+  margin: 0;
+  min-height: 100vh;
+  background:
+    radial-gradient(circle at top left, rgba(139, 242, 204, 0.12), transparent 28%),
+    radial-gradient(circle at 78% 18%, rgba(255, 211, 110, 0.14), transparent 26%),
+    linear-gradient(180deg, #06101c 0%, #07111d 48%, #0b1627 100%);
+  color: var(--color-paper);
+  font-family: var(--font-body), sans-serif;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+button {
+  font: inherit;
+}
+.shell {
+  width: min(1120px, calc(100% - 2rem));
+  margin: 0 auto;
+}
+.card-grid {
+  display: grid;
+  gap: 1.25rem;
+}
+@media (min-width: 768px) {
+  .card-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/app/layout.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { Geist, Space_Grotesk } from "next/font/google";
+import "./globals.css";
+const bodyFont = Geist({
+  variable: "--font-body",
+  subsets: ["latin"]
+});
+const displayFont = Space_Grotesk({
+  variable: "--font-display",
+  subsets: ["latin"]
+});
+export const metadata = {
+  title: "__APP_NAME__",
+  description: "A Next.js and Tailwind CSS starter for fast product launches."
+};
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body className={`${bodyFont.variable} ${displayFont.variable}`}>
+        {children}
+      </body>
+    </html>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/app/page.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { CalloutStrip } from "@/components/home/callout-strip";
+import { FeatureGrid } from "@/components/home/feature-grid";
+import { HeroSection } from "@/components/home/hero-section";
+import { SiteHeader } from "@/components/site-header";
+export default function HomePage() {
+  return (
+    <main className="min-h-screen bg-[var(--color-ink)] text-[var(--color-paper)]">
+      <SiteHeader />
+      <HeroSection />
+      <FeatureGrid />
+      <CalloutStrip />
+    </main>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/components/home/callout-strip/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+export function CalloutStrip() {
+  return (
+    <section className="py-16 md:py-24" id="cta">
+      <div className="shell">
+        <div className="overflow-hidden rounded-[2rem] border border-[var(--color-line)] bg-[linear-gradient(135deg,_rgba(139,242,204,0.12),_rgba(255,211,110,0.08)_55%,_rgba(255,255,255,0.03))] p-8 md:p-12">
+          <div className="max-w-3xl space-y-5">
+            <p className="text-sm uppercase tracking-[0.28em] text-[var(--color-sun)]">
+              Ready to adapt
+            </p>
+            <h2 className="font-[family-name:var(--font-display)] text-3xl font-semibold text-white md:text-5xl">
+              Swap the copy, adjust the palette, and ship a branded landing page in one sprint.
+            </h2>
+            <p className="max-w-2xl text-base leading-7 text-[var(--color-muted)] md:text-lg">
+              This starter is intentionally small, fast, and easy to reshape into a SaaS homepage,
+              agency site, product launch page, or internal marketing shell.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/components/home/feature-grid/index.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { siteConfig } from "@/lib/site-config";
+export function FeatureGrid() {
+  return (
+    <section className="py-8 md:py-12" id="features">
+      <div className="shell">
+        <div className="max-w-2xl space-y-4">
+          <p className="text-sm uppercase tracking-[0.28em] text-[var(--color-accent)]">
+            Why this starter
+          </p>
+          <h2 className="font-[family-name:var(--font-display)] text-3xl font-semibold text-white md:text-5xl">
+            A clean structure you can extend without rewriting the basics.
+          </h2>
+        </div>
+        <div className="card-grid mt-10">
+          {siteConfig.features.map((feature) => (
+            <article
+              className="rounded-[1.75rem] border border-[var(--color-line)] bg-[var(--color-panel)] p-6"
+              key={feature.title}
+            >
+              <div className="mb-5 inline-flex rounded-2xl bg-[rgba(139,242,204,0.12)] px-4 py-2 text-xs font-semibold uppercase tracking-[0.24em] text-[var(--color-accent)]">
+                {feature.tag}
+              </div>
+              <h3 className="text-xl font-semibold text-white">{feature.title}</h3>
+              <p className="mt-3 text-sm leading-7 text-[var(--color-muted)]">{feature.copy}</p>
+            </article>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/components/home/hero-section/index.js ADDED Viewed

@@ -0,0 +1,81 @@
+import Link from "next/link";
+import { siteConfig } from "@/lib/site-config";
+export function HeroSection() {
+  return (
+    <section className="relative overflow-hidden py-20 md:py-28">
+      <div className="shell grid items-center gap-12 lg:grid-cols-[1.1fr_0.9fr]">
+        <div className="space-y-8">
+          <div className="inline-flex items-center gap-3 rounded-full border border-[var(--color-line)] bg-[rgba(255,255,255,0.04)] px-4 py-2 text-sm text-[var(--color-muted)]">
+            <span className="h-2.5 w-2.5 rounded-full bg-[var(--color-accent)]" />
+            Designed to turn ideas into launch-ready websites fast
+          </div>
+          <div className="space-y-5">
+            <h1 className="max-w-3xl font-[family-name:var(--font-display)] text-5xl font-semibold tracking-tight text-white md:text-7xl">
+              Build a polished product site before momentum disappears.
+            </h1>
+            <p className="max-w-2xl text-lg leading-8 text-[var(--color-muted)] md:text-xl">
+              {siteConfig.tagline}
+            </p>
+          </div>
+          <div className="flex flex-col gap-4 sm:flex-row">
+            <Link
+              className="inline-flex items-center justify-center rounded-full bg-[var(--color-accent)] px-6 py-3 text-sm font-semibold text-[var(--color-ink)] transition hover:bg-[var(--color-accent-strong)]"
+              href="#cta"
+            >
+              Launch the Starter
+            </Link>
+            <Link
+              className="inline-flex items-center justify-center rounded-full border border-[var(--color-line)] px-6 py-3 text-sm font-semibold text-white transition hover:border-[var(--color-sun)] hover:text-[var(--color-sun)]"
+              href="#features"
+            >
+              Explore Structure
+            </Link>
+          </div>
+        </div>
+        <div className="relative">
+          <div className="absolute inset-0 rounded-[2rem] bg-[radial-gradient(circle_at_top,_rgba(139,242,204,0.2),_transparent_55%)] blur-2xl" />
+          <div className="relative overflow-hidden rounded-[2rem] border border-[var(--color-line)] bg-[var(--color-panel)] p-6 shadow-2xl shadow-black/30">
+            <div className="flex items-center justify-between border-b border-[var(--color-line)] pb-4">
+              <div>
+                <p className="text-sm uppercase tracking-[0.3em] text-[var(--color-muted)]">
+                  Starter Preview
+                </p>
+                <p className="mt-2 font-[family-name:var(--font-display)] text-2xl text-white">
+                  {siteConfig.name}
+                </p>
+              </div>
+              <div className="rounded-full bg-[rgba(139,242,204,0.12)] px-3 py-1 text-xs font-semibold text-[var(--color-accent)]">
+                App Router
+              </div>
+            </div>
+            <div className="mt-6 space-y-4">
+              {siteConfig.previewCards.map((card) => (
+                <div
+                  className="rounded-2xl border border-[var(--color-line)] bg-[rgba(255,255,255,0.03)] p-4"
+                  key={card.title}
+                >
+                  <div className="flex items-center justify-between gap-4">
+                    <div>
+                      <p className="text-sm text-[var(--color-muted)]">{card.eyebrow}</p>
+                      <h2 className="mt-1 text-lg font-semibold text-white">{card.title}</h2>
+                    </div>
+                    <div className="rounded-full bg-[rgba(255,211,110,0.12)] px-3 py-1 text-xs font-semibold text-[var(--color-sun)]">
+                      {card.badge}
+                    </div>
+                  </div>
+                  <p className="mt-3 text-sm leading-6 text-[var(--color-muted)]">{card.copy}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/components/site-header/index.js ADDED Viewed

@@ -0,0 +1,38 @@
+import Link from "next/link";
+import { siteConfig } from "@/lib/site-config";
+export function SiteHeader() {
+  return (
+    <header className="sticky top-0 z-20 border-b border-[var(--color-line)] bg-[rgba(7,17,29,0.82)] backdrop-blur">
+      <div className="shell flex items-center justify-between py-4">
+        <Link className="flex items-center gap-3" href="/">
+          <span className="flex h-10 w-10 items-center justify-center rounded-2xl border border-[var(--color-line)] bg-[var(--color-panel)] text-lg font-semibold text-[var(--color-accent)]">
+            {siteConfig.brandMark}
+          </span>
+          <div>
+            <p className="font-[family-name:var(--font-display)] text-sm uppercase tracking-[0.3em] text-[var(--color-muted)]">
+              Launch Kit
+            </p>
+            <p className="text-sm font-medium text-white">{siteConfig.name}</p>
+          </div>
+        </Link>
+        <nav className="hidden items-center gap-6 text-sm text-[var(--color-muted)] md:flex">
+          {siteConfig.navItems.map((item) => (
+            <a className="transition hover:text-white" href={item.href} key={item.label}>
+              {item.label}
+            </a>
+          ))}
+        </nav>
+        <Link
+          className="rounded-full border border-[var(--color-line)] bg-[var(--color-panel)] px-4 py-2 text-sm font-medium text-white transition hover:border-[var(--color-accent)] hover:text-[var(--color-accent)]"
+          href="#cta"
+        >
+          Start Now
+        </Link>
+      </div>
+    </header>
+  );
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,13 @@
+import { FlatCompat } from "@eslint/eslintrc";
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname
+});
+const eslintConfig = [
+  ...compat.config({
+    extends: ["next/core-web-vitals"]
+  })
+];
+export default eslintConfig;

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/jsconfig.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  }
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/lib/site-config/index.js ADDED Viewed

@@ -0,0 +1,41 @@
+export const siteConfig = {
+  name: process.env.NEXT_PUBLIC_APP_NAME || "__APP_NAME__",
+  brandMark: "N",
+  tagline:
+    "A JavaScript-first Next.js starter with Tailwind CSS, a sharp landing page shell, and a project structure that stays readable as the app grows.",
+  navItems: [
+    { label: "Features", href: "#features" },
+    { label: "CTA", href: "#cta" }
+  ],
+  previewCards: [
+    {
+      eyebrow: "Section 01",
+      title: "Fast visual direction",
+      badge: "Tailwind v4",
+      copy: "A bold visual baseline with reusable sections so you can move straight into product positioning."
+    },
+    {
+      eyebrow: "Section 02",
+      title: "Simple file layout",
+      badge: "App Router",
+      copy: "Pages, components, config, and public assets live in the places most teams expect."
+    }
+  ],
+  features: [
+    {
+      tag: "Structure",
+      title: "Organized without ceremony",
+      copy: "The starter separates app routes, reusable sections, static assets, and site content without forcing a heavy architecture."
+    },
+    {
+      tag: "Styling",
+      title: "Tailwind without setup friction",
+      copy: "Tailwind CSS v4 is configured with the recommended PostCSS plugin and ready for utility-driven component work."
+    },
+    {
+      tag: "Shipping",
+      title: "Good enough to launch from",
+      copy: "The template is already shaped like a product page, so you spend time on your message instead of basic scaffolding."
+    }
+  ]
+};

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/next.config.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true
+};
+export default nextConfig;

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/package.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "next": "^15.5.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@tailwindcss/postcss": "^4.1.13",
+    "eslint": "^9.35.0",
+    "eslint-config-next": "^15.5.3",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.12"
+  }
+}

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/postcss.config.mjs ADDED Viewed

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {}
+  }
+};
+export default config;

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/public/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/public/mark.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" fill="none">
+  <rect width="128" height="128" rx="32" fill="#07111D"/>
+  <path d="M34 94V34h20.5L94 82.5V34h0v60H73.5L34 45.5V94H34Z" fill="#8BF2CC"/>
+  <circle cx="94" cy="34" r="8" fill="#FFD36E"/>
+</svg>

package/templates/monorepo-turbo-pnpm/nextjs-api-express-prisma/apps/web/src/assets/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/src/components/common/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/src/components/features-card/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/src/components/reuseable/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/src/components/shared/index.tsx ADDED Viewed

@@ -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/nextjs-api-express-prisma/apps/web/src/components/ui/index.tsx ADDED Viewed

@@ -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>
+  );
+}