patra-turbo-template 1.0.0

package/README.md

@@ -0,0 +1,81 @@
+# patra-turbo-template
+
+Scaffold a new Turborepo monorepo from the turbo-template (Next.js, Express, WebSocket, Prisma, Tailwind).
+
+**Layout:** Both the npm package and the template live under `template/`:
+- `template/create-turbo-template/` – this package (publish to npm)
+- `template/turbo-template/` – the monorepo template (source for scaffolding)
+
+## What to do next
+
+1. **Bundle the template into the package** (so it’s included when you publish):
+   ```bash
+   cd template/create-turbo-template
+   bun run copy-template
+   ```
+   This copies `../turbo-template` into `./template` (creates `template/create-turbo-template/template/` with the app).
+
+2. **Test locally** (from any empty folder):
+   ```bash
+   node path/to/template/create-turbo-template/cli.js my-test-app
+   cd my-test-app && bun install && bun run dev
+   ```
+
+3. **Publish to npm**  
+   Open a terminal, go into this package folder, then run:
+   ```bash
+   cd path/to/CI_CD/template/create-turbo-template
+   npm login
+   npm publish
+   ```
+   (Replace `path/to/CI_CD` with your actual path, e.g. `C:\Users\patra\Desktop\Devops_prac\CI_CD` on Windows.)  
+   `prepublishOnly` will run `copy-template` again before packing, so the tarball always has an up-to-date `template/`.
+
+## Usage (after publish)
+
+```bash
+npx create-turbo-template my-app
+cd my-app
+bun install
+bun run dev
+```
+
+Or with npm:
+
+```bash
+npm create turbo-template@latest my-app
+cd my-app
+bun install
+bun run dev
+```
+
+## Publishing to npm
+
+1. **One-time: copy the template into the package**
+   ```bash
+   cd create-turbo-template
+   bun run copy-template
+   ```
+   This copies `../turbo-template` into `./template` (excluding node_modules, .git, etc.).
+
+2. **Publish**
+   - If you don’t have an npm account: [npmjs.com](https://www.npmjs.com/signup)
+   - npm requires **two-factor authentication (2FA)** to publish. Enable it at [npmjs.com → Account → Security](https://www.npmjs.com/settings/~/account).
+   - Login: `npm login`
+   - Publish (choose one):
+     - **Unscoped (name must be free):** `npm publish`
+     - **Scoped (e.g. @yourusername/turbo-template):** change `"name": "create-turbo-template"` to `"name": "@yourusername/create-turbo-template"` in package.json, then `npm publish --access public`
+
+3. **Later: after changing turbo-template**
+   - Run `bun run copy-template` again in `create-turbo-template`
+   - Bump version in package.json (e.g. `1.0.1`)
+   - Run `npm publish`
+
+## What gets created
+
+- `apps/web` – Next.js (port 3000)
+- `apps/http-server` – Express API (port 3002)
+- `apps/ws-server` – WebSocket server (port 3001)
+- `packages/db` – Prisma + PostgreSQL
+- `packages/ui` – Shared React components
+- `packages/eslint-config`, `packages/typescript-config` – Shared configs

package/cli.js

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+
+import { mkdir, cp, readdir, readFile, writeFile } from "node:fs/promises";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const TEMPLATE_DIR = join(__dirname, "template");
+
+async function copyRecursive(src, dest) {
+  await mkdir(dest, { recursive: true });
+  const entries = await readdir(src, { withFileTypes: true });
+  for (const entry of entries) {
+    const srcPath = join(src, entry.name);
+    const destPath = join(dest, entry.name);
+    if (entry.isDirectory()) {
+      await copyRecursive(srcPath, destPath);
+    } else {
+      await cp(srcPath, destPath);
+    }
+  }
+}
+
+async function main() {
+  const projectName = process.argv[2] || "my-turbo-app";
+  const targetDir = join(process.cwd(), projectName);
+
+  console.log(`Creating ${projectName} from turbo-template...`);
+
+  try {
+    await copyRecursive(TEMPLATE_DIR, targetDir);
+    const pkgPath = join(targetDir, "package.json");
+    const pkg = JSON.parse(await readFile(pkgPath, "utf8"));
+    pkg.name = projectName;
+    await writeFile(pkgPath, JSON.stringify(pkg, null, 2));
+    console.log(`Done. Next steps:\n  cd ${projectName}\n  bun install\n  bun run dev`);
+  } catch (err) {
+    if (err.code === "ENOENT" && err.path === TEMPLATE_DIR) {
+      console.error("Error: template folder not found. Run 'npm run copy-template' in the package directory before publishing.");
+    } else {
+      console.error(err);
+    }
+    process.exit(1);
+  }
+}
+
+main();

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "patra-turbo-template",
+  "version": "1.0.0",
+  "description": "Scaffold a new project from the turbo-template monorepo (Next.js, Express, WebSocket, Prisma, Tailwind)",
+  "type": "module",
+  "bin": {
+    "create-turbo-template": "./cli.js"
+  },
+  "files": [
+    "cli.js",
+    "template"
+  ],
+  "scripts": {
+    "copy-template": "node copy-template.js",
+    "prepublishOnly": "node copy-template.js"
+  },
+  "keywords": [
+    "turborepo",
+    "monorepo",
+    "template",
+    "next.js",
+    "prisma",
+    "express",
+    "scaffold"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  }
+}

package/template/README.md

@@ -0,0 +1,20 @@
+# Turborepo-template
+This is a self managed turborepo for use in future and/or current projects
+Frontend on: 3000
+Websocket: 3001
+http-server: 3002
+
+- This was made to fix my repeated workspace issues in configuring a turborepo with
+  - websockets
+  - http server
+  - prisma DB
+  - next FE
+
+- To be added soon
+  - [ ] Tailwind setup
+  - [ ] custom Razorpay FE and BE setup. 
+
+This set up is functional and tested. this is to be used whenever one needs a mono repo with all these configured
+
+Maintained by: Abhinav Patra
+

package/template/apps/http-server/README.md

@@ -0,0 +1 @@
+# `http-server`

package/template/apps/http-server/index.ts

@@ -0,0 +1,35 @@
+import express from "express";
+import cors from "cors"
+
+import { client } from "db/client" 
+
+const app = express();
+app.use(express.json());
+app.use(cors());
+
+app.get('/', (req, res) => {
+  return res.json({
+    "message":"/ endpoint"
+  })
+})
+
+app.post('/signup', async(req, res) => {
+  const username = req.body.username;
+  const password = req.body.password;
+  console.log(password);
+  const user = await client.user.create({
+    data: {
+      username: username,
+      password: password
+    }
+  })
+  console.log(user);
+  res.send({
+    "message": "hello user, you have signed up",
+    "user details": user
+  })
+})
+
+app.listen(3002, () => {
+  console.log("http server Listening on port 3002")
+})

package/template/apps/http-server/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "http-server",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "bun run index.ts",
+    "build": "echo 'Add build script here'",
+    "test": "echo 'Add test script here'",
+    "lint": "echo 'Add lint script here'"
+  },
+  "dependencies": {
+    "@types/cors": "^2.8.19",
+    "cors": "^2.8.6",
+    "express": "^5.2.1"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@types/express": "^5.0.6",
+    "db": "workspace:*"
+  }
+}

package/template/apps/web/README.md

@@ -0,0 +1 @@
+# Frontend

package/template/apps/web/app/globals.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/template/apps/web/app/layout.tsx

@@ -0,0 +1,31 @@
+import type { Metadata } from "next";
+import localFont from "next/font/local";
+import "./globals.css";
+
+const geistSans = localFont({
+  src: "./fonts/GeistVF.woff",
+  variable: "--font-geist-sans",
+});
+const geistMono = localFont({
+  src: "./fonts/GeistMonoVF.woff",
+  variable: "--font-geist-mono",
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={`${geistSans.variable} ${geistMono.variable}`}>
+        {children}
+      </body>
+    </html>
+  );
+}

package/template/apps/web/app/page.module.css

@@ -0,0 +1,186 @@
+.page {
+  --gray-rgb: 0, 0, 0;
+  --gray-alpha-200: rgba(var(--gray-rgb), 0.08);
+  --gray-alpha-100: rgba(var(--gray-rgb), 0.05);
+
+  --button-primary-hover: #383838;
+  --button-secondary-hover: #f2f2f2;
+
+  display: grid;
+  grid-template-rows: 20px 1fr 20px;
+  align-items: center;
+  justify-items: center;
+  min-height: 100svh;
+  padding: 80px;
+  gap: 64px;
+  font-synthesis: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  .page {
+    --gray-rgb: 255, 255, 255;
+    --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
+    --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
+
+    --button-primary-hover: #ccc;
+    --button-secondary-hover: #1a1a1a;
+  }
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  grid-row-start: 2;
+}
+
+.main ol {
+  font-family: var(--font-geist-mono);
+  padding-left: 0;
+  margin: 0;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  list-style-position: inside;
+}
+
+.main li:not(:last-of-type) {
+  margin-bottom: 8px;
+}
+
+.main code {
+  font-family: inherit;
+  background: var(--gray-alpha-100);
+  padding: 2px 4px;
+  border-radius: 4px;
+  font-weight: 600;
+}
+
+.ctas {
+  display: flex;
+  gap: 16px;
+}
+
+.ctas a {
+  appearance: none;
+  border-radius: 128px;
+  height: 48px;
+  padding: 0 20px;
+  font-family: var(--font-geist-sans);
+  border: 1px solid transparent;
+  transition: background 0.2s, color 0.2s, border-color 0.2s;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+}
+
+a.primary {
+  background: var(--foreground);
+  color: var(--background);
+  gap: 8px;
+}
+
+a.secondary {
+  border-color: var(--gray-alpha-200);
+  min-width: 180px;
+}
+
+button.secondary {
+  appearance: none;
+  border-radius: 128px;
+  height: 48px;
+  padding: 0 20px;
+  font-family: var(--font-geist-sans);
+  border: 1px solid transparent;
+  transition: background 0.2s, color 0.2s, border-color 0.2s;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+  background: transparent;
+  border-color: var(--gray-alpha-200);
+  min-width: 180px;
+}
+
+.footer {
+  font-family: var(--font-geist-sans);
+  grid-row-start: 3;
+  display: flex;
+  gap: 24px;
+}
+
+.footer a {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer img {
+  flex-shrink: 0;
+}
+
+/* Enable hover only on non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+  a.primary:hover {
+    background: var(--button-primary-hover);
+    border-color: transparent;
+  }
+
+  a.secondary:hover {
+    background: var(--button-secondary-hover);
+    border-color: transparent;
+  }
+
+  .footer a:hover {
+    text-decoration: underline;
+    text-underline-offset: 4px;
+  }
+}
+
+@media (max-width: 600px) {
+  .page {
+    padding: 32px;
+    padding-bottom: 80px;
+  }
+
+  .main {
+    align-items: center;
+  }
+
+  .main ol {
+    text-align: center;
+  }
+
+  .ctas {
+    flex-direction: column;
+  }
+
+  .ctas a {
+    font-size: 14px;
+    height: 40px;
+    padding: 0 16px;
+  }
+
+  a.secondary {
+    min-width: auto;
+  }
+
+  .footer {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .logo {
+    filter: invert();
+  }
+}

package/template/apps/web/app/page.tsx

@@ -0,0 +1,25 @@
+import Image, { type ImageProps } from "next/image";
+
+type Props = Omit<ImageProps, "src"> & {
+  srcLight: string;
+  srcDark: string;
+};
+
+const ThemeImage = (props: Props) => {
+  const { srcLight, srcDark, ...rest } = props;
+
+  return (
+    <>
+      <Image {...rest} src={srcLight} className="imgLight" />
+      <Image {...rest} src={srcDark} className="imgDark" />
+    </>
+  );
+};
+
+export default function Home() {
+  return (
+    <div className="">
+      <h1>Hello World</h1>
+    </div>
+  );
+}

package/template/apps/web/eslint.config.js

@@ -0,0 +1,4 @@
+import { nextJsConfig } from "@repo/eslint-config/next-js";
+
+/** @type {import("eslint").Linter.Config[]} */
+export default nextJsConfig;

package/template/apps/web/next.config.js

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

package/template/apps/web/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3000",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint --max-warnings 0",
+    "check-types": "next typegen && tsc --noEmit"
+  },
+  "dependencies": {
+    "@repo/ui": "*",
+    "next": "16.1.5",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@types/node": "^22.15.3",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "eslint": "^9.39.1",
+    "typescript": "5.9.2"
+  }
+}

package/template/apps/web/postcss.config.mjs

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

package/template/apps/web/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    "next.config.js",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/template/apps/ws-server/README.md

@@ -0,0 +1 @@
+# `ws-server`

package/template/apps/ws-server/index.ts

@@ -0,0 +1,25 @@
+import { WebSocketServer } from "ws";
+import { client } from "db/client"
+
+const server = new WebSocketServer({
+  port: 3001
+},() => {
+  console.log("WebSocket server is running on port 3001");
+});
+
+server.on("connection", async (socket) => {
+  const num = Math.random() * 100;
+  await client.user.create({
+    data: {
+      username: `Abhinav${num}`,
+      password: "12345678"
+    }
+  });
+
+  console.log("user connected");
+  socket.send("Connected to the websocket from turbo repo ws-server")
+})
+
+server.on("error", (error) => {
+  console.error("WebSocket server error:", error);
+});

package/template/apps/ws-server/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "ws-server",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "bun run index.ts",
+    "build": "echo 'Add build script here'",
+    "test": "echo 'Add test script here'",
+    "lint": "echo 'Add lint script here'"
+  },
+  "dependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@repo/ui": "*",
+    "@types/ws": "^8.18.1",
+    "db": "*",
+    "ws": "^8.19.0"
+  },
+  "module": "index.ts",
+  "type": "module",
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  }
+}

package/template/apps/ws-server/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    // Environment setup & latest features
+    "lib": ["ESNext"],
+    "target": "ESNext",
+    "module": "Preserve",
+    "moduleDetection": "force",
+    "jsx": "react-jsx",
+    "allowJs": true,
+
+    // Bundler mode
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    // Best practices
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+
+    // Some stricter flags (disabled by default)
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noPropertyAccessFromIndexSignature": false
+  }
+}