@getjack/jack 0.1.32 → 0.1.34

package/templates/nextjs-clerk/cloudflare-env.d.ts

@@ -0,0 +1,3 @@
+interface CloudflareEnv {
+	ASSETS: Fetcher;
+}

package/templates/nextjs-clerk/components/header.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { SignInButton, SignedIn, SignedOut, UserButton } from "@clerk/nextjs";
+import Link from "next/link";
+
+export function Header() {
+	return (
+		<header className="border-b border-gray-200 bg-white">
+			<div className="mx-auto flex h-14 max-w-4xl items-center justify-between px-6">
+				<Link href="/" className="flex items-center gap-2 font-semibold">
+					<div className="flex size-7 items-center justify-center rounded-md bg-gray-900 text-xs text-white">
+						J
+					</div>
+					jack-template
+				</Link>
+				<nav className="flex items-center gap-3">
+					<SignedIn>
+						<Link
+							href="/dashboard"
+							className="text-sm text-gray-600 hover:text-gray-900"
+						>
+							Dashboard
+						</Link>
+						<UserButton />
+					</SignedIn>
+					<SignedOut>
+						<SignInButton mode="modal">
+							<button
+								type="button"
+								className="rounded-lg bg-gray-900 px-4 py-1.5 text-sm font-medium text-white hover:bg-gray-800"
+							>
+								Sign In
+							</button>
+						</SignInButton>
+					</SignedOut>
+				</nav>
+			</div>
+		</header>
+	);
+}

package/templates/nextjs-clerk/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}

package/templates/nextjs-clerk/middleware.ts

@@ -0,0 +1,18 @@
+import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
+
+const isProtectedRoute = createRouteMatcher(["/dashboard(.*)"]);
+
+export default clerkMiddleware(async (auth, req) => {
+	if (isProtectedRoute(req)) {
+		await auth.protect();
+	}
+});
+
+export const config = {
+	matcher: [
+		// Skip Next.js internals and static files unless found in search params
+		"/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)",
+		// Always run for API routes
+		"/(api|trpc)(.*)",
+	],
+};

package/templates/nextjs-clerk/next.config.ts

@@ -0,0 +1,8 @@
+import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
+import type { NextConfig } from "next";
+
+initOpenNextCloudflareForDev();
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/templates/nextjs-clerk/open-next.config.ts

@@ -0,0 +1,6 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+import r2IncrementalCache from "@opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache";
+
+export default defineCloudflareConfig({
+	incrementalCache: r2IncrementalCache,
+});

package/templates/nextjs-clerk/package.json

@@ -0,0 +1,31 @@
+{
+	"name": "jack-template",
+	"type": "module",
+	"private": true,
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
+		"deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy",
+		"cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"
+	},
+	"dependencies": {
+		"@clerk/nextjs": "^6",
+		"@opennextjs/cloudflare": "^1.0.0",
+		"@tailwindcss/postcss": "^4.1.18",
+		"clsx": "^2.1.1",
+		"lucide-react": "^0.563.0",
+		"next": "^15.0.0",
+		"postcss": "^8.5.6",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
+		"tailwind-merge": "^3.4.0",
+		"tailwindcss": "^4.1.18"
+	},
+	"devDependencies": {
+		"@cloudflare/workers-types": "^4.20241205.0",
+		"@types/react": "^19.0.0",
+		"@types/react-dom": "^19.0.0",
+		"typescript": "^5.6.0"
+	}
+}

package/templates/nextjs-clerk/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+	plugins: {
+		"@tailwindcss/postcss": {},
+	},
+};
+
+export default config;

package/templates/nextjs-clerk/tsconfig.json

@@ -0,0 +1,28 @@
+{
+	"compilerOptions": {
+		"target": "ES2022",
+		"lib": ["ES2022", "DOM", "DOM.Iterable"],
+		"module": "ESNext",
+		"moduleResolution": "bundler",
+		"jsx": "preserve",
+		"strict": true,
+		"skipLibCheck": true,
+		"noEmit": true,
+		"incremental": true,
+		"esModuleInterop": true,
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"paths": {
+			"@/*": ["./*"]
+		},
+		"plugins": [
+			{
+				"name": "next"
+			}
+		],
+		"types": ["@cloudflare/workers-types"],
+		"allowJs": true
+	},
+	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "cloudflare-env.d.ts"],
+	"exclude": ["node_modules"]
+}

package/templates/nextjs-clerk/wrangler.jsonc

@@ -0,0 +1,17 @@
+{
+	"$schema": "node_modules/wrangler/config-schema.json",
+	"name": "jack-template",
+	"main": ".open-next/worker.js",
+	"compatibility_date": "2024-12-30",
+	"compatibility_flags": ["nodejs_compat"],
+	"assets": {
+		"directory": ".open-next/assets",
+		"binding": "ASSETS"
+	},
+	"r2_buckets": [
+		{
+			"binding": "NEXT_INC_CACHE_R2_BUCKET",
+			"bucket_name": "jack-template-cache"
+		}
+	]
+}

package/templates/nextjs-shadcn/.jack.json

@@ -0,0 +1,34 @@
+{
+	"name": "nextjs-shadcn",
+	"description": "Next.js + shadcn/ui with all components (D1 database)",
+	"secrets": [],
+	"capabilities": ["db"],
+	"requires": ["DB"],
+	"intent": {
+		"keywords": ["next", "nextjs", "shadcn", "ui", "components", "dashboard", "admin", "react", "tailwind"],
+		"examples": ["next.js app with UI components", "admin dashboard", "shadcn starter"]
+	},
+	"agentContext": {
+		"summary": "A Next.js app with all shadcn/ui components pre-installed, Tailwind CSS v4, and D1 database.",
+		"full_text": "## Project Structure\n\n- `app/` - Next.js App Router pages and layouts\n- `components/ui/` - All shadcn/ui components (57 components pre-installed)\n- `components/` - App-level components (sidebar, charts, nav, login form)\n- `components.json` - shadcn/ui configuration\n- `lib/utils.ts` - Utility functions (cn helper)\n- `hooks/` - Custom React hooks\n- `public/` - Static assets\n- `open-next.config.ts` - OpenNext configuration\n- `wrangler.jsonc` - Worker configuration with D1 database\n\n## Commands\n\n- `bun run dev` - Local development\n- `jack ship` - Deploy to production\n- `bun run preview` - Preview production build locally\n\n## shadcn/ui\n\nAll components are pre-installed in `components/ui/`. Import them directly:\n\n```tsx\nimport { Button } from \"@/components/ui/button\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\n```\n\nAdd new components: `bunx shadcn@latest add [component]`\n\nAdd pre-built blocks (full page layouts): `bunx shadcn@latest add dashboard-01`\n\nConfiguration: `components.json` (style: new-york, base-color: zinc)\n\n**shadcn/ui AI reference:** Fetch https://ui.shadcn.com/llms.txt for the full component and block documentation index. For component-specific docs, use https://ui.shadcn.com/docs/components/[name].\n\n## Pre-built Pages\n\n- `/dashboard` - Full dashboard with sidebar, charts, and data table (from `dashboard-01` + `sidebar-07` blocks)\n- `/login` - Login form with social providers (from `login-03` block)\n\n## Database\n\nD1 SQLite database is available as `DB` binding. Access it in server components and API routes via `getCloudflareContext()`.\n\n## Conventions\n\n- Uses App Router (not Pages Router)\n- SSR and SSG work out of the box\n- Server Components supported\n- Tailwind CSS v4 with CSS variables for theming\n\n## OpenNext on Cloudflare — Important Rules\n\nThis app runs via OpenNext on Cloudflare Workers. Follow these rules:\n\n### Use window.location.href instead of router.push() for full-page transitions\nOpenNext has a broken webpack chunk URL resolver. `router.push()` to pages whose chunks aren't loaded fails with `ChunkLoadError`. Use `window.location.href` for auth state changes or cross-section navigation. `<Link>` components work fine.\n\n### Add `export const dynamic = 'force-dynamic'` to pages using getCloudflareContext()\nWithout this, static prerendering fails because `getCloudflareContext()` is only available at request time.\n\n### Edge middleware cannot use Node.js APIs\nDo not import Node.js built-in modules in middleware.\n\n## Resources\n\n- [shadcn/ui Docs](https://ui.shadcn.com)\n- [shadcn/ui LLMs reference](https://ui.shadcn.com/llms.txt)\n- [OpenNext Docs](https://opennext.js.org/cloudflare)\n- [Next.js App Router](https://nextjs.org/docs/app)"
+	},
+	"hooks": {
+		"postDeploy": [
+			{
+				"action": "clipboard",
+				"text": "{{url}}",
+				"message": "Deploy URL copied to clipboard"
+			},
+			{
+				"action": "shell",
+				"command": "curl -s {{url}}/health | head -c 200",
+				"message": "Testing API..."
+			},
+			{
+				"action": "box",
+				"title": "Deployed: {{name}}",
+				"lines": ["URL: {{url}}", "", "Next.js + shadcn/ui app is live!"]
+			}
+		]
+	}
+}