@donotdev/cli 0.0.3

package/templates/app-payload/collections/Hero.ts.example

@@ -0,0 +1,62 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Hero: CollectionConfig = {
+  slug: 'hero',
+  admin: {
+    useAsTitle: 'title',
+    defaultColumns: ['title', 'subtitle', 'updatedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Main headline for the hero section',
+      },
+    },
+    {
+      name: 'subtitle',
+      type: 'textarea',
+      required: true,
+      admin: {
+        description: 'Supporting text below the main headline',
+      },
+    },
+    {
+      name: 'ctaText',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Call-to-action button text',
+      },
+    },
+    {
+      name: 'ctaLink',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Where the CTA button should link to',
+      },
+    },
+    {
+      name: 'backgroundImage',
+      type: 'upload',
+      relationTo: 'media',
+      admin: {
+        description: 'Background image for the hero section',
+      },
+    },
+    {
+      name: 'isActive',
+      type: 'checkbox',
+      defaultValue: true,
+      admin: {
+        description: 'Whether this hero content should be displayed',
+      },
+    },
+  ],
+}; 

package/templates/app-payload/collections/Media.ts.example

@@ -0,0 +1,41 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Media: CollectionConfig = {
+  slug: 'media',
+  upload: {
+    staticDir: '../public/media',
+    imageSizes: [
+      {
+        name: 'thumbnail',
+        width: 400,
+        height: 300,
+        position: 'centre',
+      },
+      {
+        name: 'card',
+        width: 768,
+        height: 1024,
+        position: 'centre',
+      },
+      {
+        name: 'hero',
+        width: 1920,
+        height: 1080,
+        position: 'centre',
+      },
+    ],
+    adminThumbnail: 'thumbnail',
+    mimeTypes: ['image/*'],
+  },
+  fields: [
+    {
+      name: 'alt',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'caption',
+      type: 'text',
+    },
+  ],
+}; 

package/templates/app-payload/collections/Products.ts.example

@@ -0,0 +1,115 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Products: CollectionConfig = {
+  slug: 'products',
+  admin: {
+    useAsTitle: 'name',
+    defaultColumns: ['name', 'category', 'isActive', 'updatedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'name',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Name of the product',
+      },
+    },
+    {
+      name: 'description',
+      type: 'textarea',
+      required: true,
+      admin: {
+        description: 'Detailed description of the product',
+      },
+    },
+    {
+      name: 'shortDescription',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Brief description for cards and previews',
+      },
+    },
+    {
+      name: 'category',
+      type: 'select',
+      required: true,
+      options: [
+        { label: 'Framework', value: 'framework' },
+        { label: 'Tool', value: 'tool' },
+        { label: 'Platform', value: 'platform' },
+        { label: 'Service', value: 'service' },
+      ],
+      admin: {
+        description: 'Category of the product',
+      },
+    },
+    {
+      name: 'features',
+      type: 'array',
+      fields: [
+        {
+          name: 'feature',
+          type: 'text',
+          required: true,
+        },
+        {
+          name: 'description',
+          type: 'text',
+        },
+      ],
+      admin: {
+        description: 'List of key features',
+      },
+    },
+    {
+      name: 'demoLink',
+      type: 'text',
+      admin: {
+        description: 'Link path live demo',
+      },
+    },
+    {
+      name: 'documentationLink',
+      type: 'text',
+      admin: {
+        description: 'Link path documentation',
+      },
+    },
+    {
+      name: 'githubLink',
+      type: 'text',
+      admin: {
+        description: 'Link path GitHub repository',
+      },
+    },
+    {
+      name: 'image',
+      type: 'upload',
+      relationTo: 'media',
+      admin: {
+        description: 'Product image or logo',
+      },
+    },
+    {
+      name: 'isActive',
+      type: 'checkbox',
+      defaultValue: true,
+      admin: {
+        description: 'Whether this product should be displayed',
+      },
+    },
+    {
+      name: 'order',
+      type: 'number',
+      defaultValue: 0,
+      admin: {
+        description: 'Display order (lower numbers appear first)',
+      },
+    },
+  ],
+}; 

package/templates/app-payload/collections/Services.ts.example

@@ -0,0 +1,104 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Services: CollectionConfig = {
+  slug: 'services',
+  admin: {
+    useAsTitle: 'name',
+    defaultColumns: ['name', 'category', 'isActive', 'updatedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'name',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Name of the service',
+      },
+    },
+    {
+      name: 'description',
+      type: 'textarea',
+      required: true,
+      admin: {
+        description: 'Detailed description of the service',
+      },
+    },
+    {
+      name: 'shortDescription',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Brief description for cards and previews',
+      },
+    },
+    {
+      name: 'category',
+      type: 'select',
+      required: true,
+      options: [
+        { label: 'Consulting', value: 'consulting' },
+        { label: 'Training', value: 'training' },
+        { label: 'Development', value: 'development' },
+        { label: 'Support', value: 'support' },
+      ],
+      admin: {
+        description: 'Category of the service',
+      },
+    },
+    {
+      name: 'icon',
+      type: 'text',
+      admin: {
+        description: 'Icon name (e.g., "Code", "Users", "Settings")',
+      },
+    },
+    {
+      name: 'features',
+      type: 'array',
+      fields: [
+        {
+          name: 'feature',
+          type: 'text',
+          required: true,
+        },
+      ],
+      admin: {
+        description: 'List of features included in this service',
+      },
+    },
+    {
+      name: 'pricing',
+      type: 'text',
+      admin: {
+        description: 'Pricing information (e.g., "Starting at $500/month")',
+      },
+    },
+    {
+      name: 'image',
+      type: 'upload',
+      relationTo: 'media',
+      admin: {
+        description: 'Service image or icon',
+      },
+    },
+    {
+      name: 'isActive',
+      type: 'checkbox',
+      defaultValue: true,
+      admin: {
+        description: 'Whether this service should be displayed',
+      },
+    },
+    {
+      name: 'order',
+      type: 'number',
+      defaultValue: 0,
+      admin: {
+        description: 'Display order (lower numbers appear first)',
+      },
+    },
+  ],
+}; 

package/templates/app-payload/collections/Testimonials.ts.example

@@ -0,0 +1,92 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Testimonials: CollectionConfig = {
+  slug: 'testimonials',
+  admin: {
+    useAsTitle: 'clientName',
+    defaultColumns: ['clientName', 'company', 'rating', 'isActive', 'updatedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'clientName',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Name of the client',
+      },
+    },
+    {
+      name: 'company',
+      type: 'text',
+      required: true,
+      admin: {
+        description: 'Company name',
+      },
+    },
+    {
+      name: 'position',
+      type: 'text',
+      admin: {
+        description: 'Client\'s position at the company',
+      },
+    },
+    {
+      name: 'quote',
+      type: 'textarea',
+      required: true,
+      admin: {
+        description: 'The testimonial quote',
+      },
+    },
+    {
+      name: 'rating',
+      type: 'select',
+      required: true,
+      defaultValue: '5',
+      options: [
+        { label: '5 Stars', value: '5' },
+        { label: '4 Stars', value: '4' },
+        { label: '3 Stars', value: '3' },
+        { label: '2 Stars', value: '2' },
+        { label: '1 Star', value: '1' },
+      ],
+      admin: {
+        description: 'Rating out of 5 stars',
+      },
+    },
+    {
+      name: 'avatar',
+      type: 'upload',
+      relationTo: 'media',
+      admin: {
+        description: 'Client avatar or photo',
+      },
+    },
+    {
+      name: 'project',
+      type: 'text',
+      admin: {
+        description: 'Project or service this testimonial is about',
+      },
+    },
+    {
+      name: 'isActive',
+      type: 'checkbox',
+      defaultValue: true,
+      admin: {
+        description: 'Whether this testimonial should be displayed',
+      },
+    },
+    {
+      name: 'order',
+      type: 'number',
+      defaultValue: 0,
+      admin: {
+        description: 'Display order (lower numbers appear first)',
+      },
+    },
+  ],
+}; 

package/templates/app-payload/collections/Users.ts.example

@@ -0,0 +1,35 @@
+import { CollectionConfig } from 'payload/types';
+
+export const Users: CollectionConfig = {
+  slug: 'users',
+  auth: { required: true },
+  admin: {
+    useAsTitle: 'email',
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'name',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'role',
+      type: 'select',
+      required: true,
+      defaultValue: 'editor',
+      options: [
+        {
+          label: 'Admin',
+          value: 'admin',
+        },
+        {
+          label: 'Editor',
+          value: 'editor',
+        },
+      ],
+    },
+  ],
+}; 

package/templates/app-payload/src/server.ts.example

@@ -0,0 +1,79 @@
+import express from 'express';
+import payload from 'payload';
+import { resolve } from 'path';
+import cors from 'cors';
+import helmet from 'helmet';
+import compression from 'compression';
+import dotenv from 'dotenv';
+
+// Load environment variables
+dotenv.config();
+
+const app = express();
+
+// Security middleware
+app.use(helmet({
+  contentSecurityPolicy: {
+    directives: {
+      defaultSrc: ["'self'"],
+      styleSrc: ["'self'", "'unsafe-inline'"],
+      scriptSrc: ["'self'"],
+      imgSrc: ["'self'", "data:", "https:"],
+    },
+  },
+}));
+
+// CORS configuration
+app.use(cors({
+  origin: [
+    'http://localhost:3000',
+    'https://{{projectName}}.com',
+    'https://admin.{{projectName}}.com',
+  ],
+  credentials: true,
+}));
+
+// Compression
+app.use(compression());
+
+// Body parsing
+app.use(express.json({ limit: '10mb' }));
+app.use(express.urlencoded({ extended: true, limit: '10mb' }));
+
+// Initialize Payload
+const start = async () => {
+  await payload.init({
+    secret: process.env.PAYLOAD_SECRET || 'your-secret-key',
+    express: app,
+    onInit: async () => {
+      payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`);
+    },
+  });
+
+  // Health check endpoint
+  app.get('/health', (req, res) => {
+    res.json({ status: 'ok', timestamp: new Date().toISOString() });
+  });
+
+  // API documentation
+  app.get('/api', (req, res) => {
+    res.json({
+      message: '{{projectName}} CMS API',
+      version: '1.0.0',
+      endpoints: {
+        admin: payload.getAdminURL(),
+        api: '/api',
+        health: '/health',
+      },
+    });
+  });
+
+  const PORT = process.env.PORT || 3001;
+  app.listen(PORT, () => {
+    console.log(`🚀 {{projectName}} CMS running on port ${PORT}`);
+    console.log(`📊 Admin panel: ${payload.getAdminURL()}`);
+    console.log(`🔗 API endpoint: http://localhost:${PORT}/api`);
+  });
+};
+
+start(); 

package/templates/app-payload/tsconfig.json.example

@@ -0,0 +1,24 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020"],
+    "baseUrl": ".",
+    "types": ["node"],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@donotdev/*": ["../dndev/packages/*/src"]
+    }
+  },
+  "include": [
+    "src/**/*",
+    "collections/**/*",
+    "payload.config.ts",
+    "src/server.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    ".payload"
+  ]
+} 

package/templates/app-vite/.env.example

@@ -0,0 +1,77 @@
+# =============================================================================
+# DoNotDev Framework Environment Variables
+# =============================================================================
+# Copy this file to .env in each app directory and update with your values
+
+# =============================================================================
+# App Configuration
+# =============================================================================
+VITE_APP_URL=http://localhost:5173
+
+# =============================================================================
+# DoNotDev License Key
+# =============================================================================
+# Get your license key from: https://donotdev.com/pricing
+# Removes watermark and enables all features
+# Can be the same key as in root .env if sharing across apps
+VITE_DONOTDEV_LICENSE_KEY=dndev_your_key_here
+
+# =============================================================================
+# Authentication & OAuth Providers
+# =============================================================================
+# Comma-separated list of enabled auth providers
+# Available: github (required for framework), google, facebook, discord, twitter, microsoft, spotify, linkedin, reddit, twitch, yahoo, apple
+# Uncomment when Firebase is configured (requires VITE_FIREBASE_API_KEY and VITE_FIREBASE_PROJECT_ID)
+# VITE_AUTH_PARTNERS=github
+
+# Comma-separated list of enabled OAuth partners for API access
+# Available: google, github, facebook, discord, twitter, microsoft, spotify, linkedin, reddit, twitch, yahoo, apple
+# VITE_OAUTH_PARTNERS=google,spotify
+
+# Individual OAuth client IDs (only needed for OAuth partners)
+# VITE_GOOGLE_CLIENT_ID=your_google_client_id
+# VITE_GITHUB_CLIENT_ID=your_github_client_id
+# VITE_SPOTIFY_CLIENT_ID=your_spotify_client_id
+
+# =============================================================================
+# Firebase Configuration
+# =============================================================================
+# Get these values from your Firebase project settings
+VITE_FIREBASE_API_KEY=
+VITE_FIREBASE_PROJECT_ID=
+VITE_FIREBASE_AUTH_DOMAIN=
+VITE_FIREBASE_STORAGE_BUCKET=
+VITE_FIREBASE_MESSAGING_SENDER_ID=
+VITE_FIREBASE_APP_ID=
+VITE_FIREBASE_MEASUREMENT_ID=
+VITE_FIREBASE_FUNCTIONS_REGION=
+
+# =============================================================================
+# Firebase Emulator (Development only)
+# =============================================================================
+# Set to true to use Firebase emulators instead of production services
+VITE_USE_FIREBASE_EMULATOR=false
+VITE_FIREBASE_EMULATOR_HOST=localhost
+VITE_FIREBASE_EMULATOR_PORT=9099
+VITE_FIREBASE_AUTH_EMULATOR_HOST=http://localhost:9099
+VITE_FIREBASE_FIRESTORE_EMULATOR_HOST=localhost:8080
+VITE_FIREBASE_FUNCTIONS_EMULATOR_PORT=5001
+
+# =============================================================================
+# Firebase App Check (Abuse Protection)
+# =============================================================================
+# reCAPTCHA v3 site key for App Check
+# VITE_RECAPTCHA_SITE_KEY=6LcXXXX...
+# Optional: Debug token for localhost testing
+# VITE_APPCHECK_DEBUG_TOKEN=XXXX-XXXX-XXXX
+
+# =============================================================================
+# Stripe Configuration (if using billing)
+# =============================================================================
+VITE_STRIPE_PUBLISHABLE_KEY=
+
+# =============================================================================
+# Sentry (optional - auto-enabled if SENTRY_DSN is set)
+# =============================================================================
+# Framework automatically initializes Sentry if this variable is set
+VITE_SENTRY_DSN=