create-githat-app 1.8.11 → 1.8.13

package/dist/cli.js

@@ -21,7 +21,7 @@ var DEPS = {
       next: "^16.0.0",
       react: "^19.0.0",
       "react-dom": "^19.0.0",
-      "@githat/nextjs": "^0.13.8",
+      "@githat/nextjs": "^0.13.9",
       "@githat/ui": "^1.0.0"
     },
     devDependencies: {
@@ -36,7 +36,7 @@ var DEPS = {
       react: "^19.0.0",
       "react-dom": "^19.0.0",
       "react-router-dom": "^7.0.0",
-      "@githat/nextjs": "^0.13.8",
+      "@githat/nextjs": "^0.13.9",
       "@githat/ui": "^1.0.0"
     },
     devDependencies: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-githat-app",
-  "version": "1.8.11",
+  "version": "1.8.13",
   "description": "GitHat CLI — scaffold apps and manage the skills marketplace",
   "type": "module",
   "bin": {

package/templates/agent/app/(auth)/forgot-password/page.tsx.hbs

@@ -1,6 +1,8 @@
 {{#if includeForgotPassword}}
 import { ForgotPasswordForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Reset password — {{businessName}}' };
+
 export default function ForgotPasswordPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: 'var(--bg)' }}{{/if}}>

package/templates/agent/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/agent/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/base/README.md.hbs

@@ -361,6 +361,51 @@ const reg = await getRegistration(operationId);
 Registration is handled through AWS Route 53 Domains (backed by ICANN-accredited
 registrars). WHOIS privacy protection is enabled by default.
 
+## Built-in analytics
+
+Every GitHat app ships with a read-side analytics API. Surface it in your admin
+pages using the `useAnalytics()` hook — no additional setup required:
+
+```{{#if typescript}}tsx{{else}}jsx{{/if}}
+import { useAnalytics } from '@githat/nextjs';
+
+const { getOverview, getTimeSeries, getTopUsers, getFunnels } = useAnalytics(appId);
+
+// Last-30-days KPIs
+const { signups, signins, apiCalls, storageMb } = await getOverview();
+
+// Day-by-day sign-in trend
+const { points } = await getTimeSeries({ metric: 'signins', granularity: 'day' });
+
+// Top users by activity
+const { users } = await getTopUsers({ metric: 'signins', limit: 10 });
+
+// Conversion funnel: visitor → signup → email_verified → first_signin → mfa_enabled
+const { funnel } = await getFunnels();
+```
+
+Drop in the ready-made dashboard component (KPI cards + SVG chart + funnel + top-users
+table — zero external chart dependencies):
+
+```{{#if typescript}}tsx{{else}}jsx{{/if}}
+import { AnalyticsDashboard } from '@githat/nextjs';
+
+<AnalyticsDashboard appId={appId} />
+```
+
+For org-wide KPIs (number of apps, total API calls, billing tier):
+
+```{{#if typescript}}tsx{{else}}jsx{{/if}}
+import { useOrgAnalytics } from '@githat/nextjs';
+
+const { getOverview } = useOrgAnalytics(org.id);
+const { numApps, activeUsers, billingTier } = await getOverview();
+```
+
+Analytics endpoints live under `/analytics/*` and require an authenticated
+org-admin JWT. They are read-only and cache the overview for 60 seconds
+in Lambda memory — free-tier-safe with no extra infrastructure.
+
 ## Learn More
 
 - [GitHat Documentation](https://githat.io/docs)

package/templates/classroom/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/classroom/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/content/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/content/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/dashboard/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/dashboard/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/fullstack/apps-web-nextjs/app/(auth)/forgot-password/page.tsx.hbs

@@ -1,6 +1,8 @@
 {{#if includeForgotPassword}}
 import { ForgotPasswordForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Reset password — {{businessName}}' };
+
 export default function ForgotPasswordPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/fullstack/apps-web-nextjs/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/fullstack/apps-web-nextjs/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/marketplace/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/marketplace/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/nextjs/app/(auth)/forgot-password/page.tsx.hbs

@@ -1,6 +1,8 @@
 {{#if includeForgotPassword}}
 import { ForgotPasswordForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Reset password — {{businessName}}' };
+
 export default function ForgotPasswordPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/nextjs/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/nextjs/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/plain/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/plain/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/portfolio/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/portfolio/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/saas/app/(auth)/sign-in/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignInForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign in — {{businessName}}' };
+
 export default function SignInPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>

package/templates/saas/app/(auth)/sign-up/page.tsx.hbs

@@ -1,5 +1,7 @@
 import { SignUpForm } from '@githat/nextjs';
 
+export const metadata = { title: 'Sign up — {{businessName}}' };
+
 export default function SignUpPage() {
   return (
     <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>