kofi-stack-template-generator 2.0.11 → 2.0.12

package/templates/marketing/payload/src/blocks/Hero.ts.hbs

@@ -0,0 +1,40 @@
+import type { Block } from 'payload'
+
+export const HeroBlock: Block = {
+  slug: 'hero',
+  labels: { singular: 'Hero', plural: 'Heroes' },
+  fields: [
+    {
+      name: 'heading',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'subheading',
+      type: 'textarea',
+    },
+    {
+      name: 'image',
+      type: 'upload',
+      relationTo: 'media',
+    },
+    {
+      name: 'buttons',
+      type: 'array',
+      maxRows: 2,
+      fields: [
+        { name: 'label', type: 'text', required: true },
+        { name: 'url', type: 'text', required: true },
+        {
+          name: 'variant',
+          type: 'select',
+          options: [
+            { label: 'Primary', value: 'primary' },
+            { label: 'Secondary', value: 'secondary' },
+          ],
+          defaultValue: 'primary',
+        },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/blocks/LogoBanner.ts.hbs

@@ -0,0 +1,17 @@
+import type { Block } from 'payload'
+
+export const LogoBannerBlock: Block = {
+  slug: 'logoBanner',
+  labels: { singular: 'Logo Banner', plural: 'Logo Banners' },
+  fields: [
+    { name: 'heading', type: 'text' },
+    {
+      name: 'logos',
+      type: 'array',
+      fields: [
+        { name: 'name', type: 'text', required: true },
+        { name: 'logo', type: 'upload', relationTo: 'media' },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/blocks/Pricing.ts.hbs

@@ -0,0 +1,37 @@
+import type { Block } from 'payload'
+
+export const PricingBlock: Block = {
+  slug: 'pricing',
+  labels: { singular: 'Pricing', plural: 'Pricing' },
+  fields: [
+    { name: 'heading', type: 'text' },
+    { name: 'subheading', type: 'textarea' },
+    {
+      name: 'plans',
+      type: 'array',
+      fields: [
+        { name: 'name', type: 'text', required: true },
+        { name: 'price', type: 'text', required: true },
+        { name: 'period', type: 'text', defaultValue: '/month' },
+        { name: 'description', type: 'textarea' },
+        { name: 'featured', type: 'checkbox', defaultValue: false },
+        {
+          name: 'features',
+          type: 'array',
+          fields: [
+            { name: 'feature', type: 'text', required: true },
+            { name: 'included', type: 'checkbox', defaultValue: true },
+          ],
+        },
+        {
+          name: 'cta',
+          type: 'group',
+          fields: [
+            { name: 'label', type: 'text' },
+            { name: 'url', type: 'text' },
+          ],
+        },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/blocks/Testimonials.ts.hbs

@@ -0,0 +1,21 @@
+import type { Block } from 'payload'
+
+export const TestimonialsBlock: Block = {
+  slug: 'testimonials',
+  labels: { singular: 'Testimonials', plural: 'Testimonials' },
+  fields: [
+    { name: 'heading', type: 'text' },
+    { name: 'subheading', type: 'textarea' },
+    {
+      name: 'testimonials',
+      type: 'array',
+      fields: [
+        { name: 'quote', type: 'textarea', required: true },
+        { name: 'author', type: 'text', required: true },
+        { name: 'role', type: 'text' },
+        { name: 'company', type: 'text' },
+        { name: 'image', type: 'upload', relationTo: 'media' },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/blocks/index.ts.hbs

@@ -0,0 +1,9 @@
+export { HeroBlock } from './Hero'
+export { LogoBannerBlock } from './LogoBanner'
+export { FeaturesBlock } from './Features'
+export { BenefitsBlock } from './Benefits'
+export { PricingBlock } from './Pricing'
+export { TestimonialsBlock } from './Testimonials'
+export { FAQBlock } from './FAQ'
+export { ContentBlock } from './Content'
+export { CTABlock } from './CTA'

package/templates/marketing/payload/src/collections/Media.ts.hbs

@@ -0,0 +1,44 @@
+import type { CollectionConfig } from 'payload'
+
+export const Media: CollectionConfig = {
+  slug: 'media',
+  access: {
+    read: () => true,
+  },
+  upload: {
+    staticDir: 'media',
+    imageSizes: [
+      {
+        name: 'thumbnail',
+        width: 400,
+        height: 300,
+        position: 'centre',
+      },
+      {
+        name: 'card',
+        width: 768,
+        height: 432,
+        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/marketing/payload/src/collections/Pages.ts.hbs

@@ -0,0 +1,66 @@
+import type { CollectionConfig } from 'payload'
+import {
+  HeroBlock,
+  LogoBannerBlock,
+  FeaturesBlock,
+  BenefitsBlock,
+  PricingBlock,
+  TestimonialsBlock,
+  FAQBlock,
+  ContentBlock,
+  CTABlock,
+} from '../blocks'
+
+export const Pages: CollectionConfig = {
+  slug: 'pages',
+  admin: {
+    useAsTitle: 'title',
+    defaultColumns: ['title', 'slug', 'status', 'updatedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'slug',
+      type: 'text',
+      required: true,
+      unique: true,
+      admin: {
+        position: 'sidebar',
+      },
+    },
+    {
+      name: 'status',
+      type: 'select',
+      options: [
+        { label: 'Draft', value: 'draft' },
+        { label: 'Published', value: 'published' },
+      ],
+      defaultValue: 'draft',
+      admin: {
+        position: 'sidebar',
+      },
+    },
+    {
+      name: 'layout',
+      type: 'blocks',
+      blocks: [
+        HeroBlock,
+        LogoBannerBlock,
+        FeaturesBlock,
+        BenefitsBlock,
+        PricingBlock,
+        TestimonialsBlock,
+        FAQBlock,
+        ContentBlock,
+        CTABlock,
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/collections/Posts.ts.hbs

@@ -0,0 +1,65 @@
+import type { CollectionConfig } from 'payload'
+
+export const Posts: CollectionConfig = {
+  slug: 'posts',
+  admin: {
+    useAsTitle: 'title',
+    defaultColumns: ['title', 'author', 'status', 'publishedAt'],
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'slug',
+      type: 'text',
+      required: true,
+      unique: true,
+    },
+    {
+      name: 'excerpt',
+      type: 'textarea',
+    },
+    {
+      name: 'content',
+      type: 'richText',
+    },
+    {
+      name: 'featuredImage',
+      type: 'upload',
+      relationTo: 'media',
+    },
+    {
+      name: 'author',
+      type: 'relationship',
+      relationTo: 'users',
+      admin: {
+        position: 'sidebar',
+      },
+    },
+    {
+      name: 'status',
+      type: 'select',
+      options: [
+        { label: 'Draft', value: 'draft' },
+        { label: 'Published', value: 'published' },
+      ],
+      defaultValue: 'draft',
+      admin: {
+        position: 'sidebar',
+      },
+    },
+    {
+      name: 'publishedAt',
+      type: 'date',
+      admin: {
+        position: 'sidebar',
+      },
+    },
+  ],
+}

package/templates/marketing/payload/src/collections/Users.ts.hbs

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

package/templates/marketing/payload/src/collections/index.ts.hbs

@@ -0,0 +1,4 @@
+export { Users } from './Users'
+export { Media } from './Media'
+export { Pages } from './Pages'
+export { Posts } from './Posts'

package/templates/marketing/payload/src/globals/Navigation.ts.hbs

@@ -0,0 +1,51 @@
+import type { GlobalConfig } from 'payload'
+
+export const Navigation: GlobalConfig = {
+  slug: 'navigation',
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'items',
+      type: 'array',
+      fields: [
+        {
+          name: 'label',
+          type: 'text',
+          required: true,
+        },
+        {
+          name: 'link',
+          type: 'group',
+          fields: [
+            {
+              name: 'type',
+              type: 'radio',
+              options: [
+                { label: 'Internal', value: 'internal' },
+                { label: 'External', value: 'external' },
+              ],
+              defaultValue: 'internal',
+            },
+            {
+              name: 'page',
+              type: 'relationship',
+              relationTo: 'pages',
+              admin: {
+                condition: (_, siblingData) => siblingData?.type === 'internal',
+              },
+            },
+            {
+              name: 'url',
+              type: 'text',
+              admin: {
+                condition: (_, siblingData) => siblingData?.type === 'external',
+              },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/globals/SiteSettings.ts.hbs

@@ -0,0 +1,49 @@
+import type { GlobalConfig } from 'payload'
+
+export const SiteSettings: GlobalConfig = {
+  slug: 'site-settings',
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: 'siteName',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'siteDescription',
+      type: 'textarea',
+    },
+    {
+      name: 'logo',
+      type: 'upload',
+      relationTo: 'media',
+    },
+    {
+      name: 'favicon',
+      type: 'upload',
+      relationTo: 'media',
+    },
+    {
+      name: 'socialLinks',
+      type: 'array',
+      fields: [
+        {
+          name: 'platform',
+          type: 'select',
+          options: [
+            { label: 'Twitter', value: 'twitter' },
+            { label: 'GitHub', value: 'github' },
+            { label: 'LinkedIn', value: 'linkedin' },
+            { label: 'Discord', value: 'discord' },
+          ],
+        },
+        {
+          name: 'url',
+          type: 'text',
+        },
+      ],
+    },
+  ],
+}

package/templates/marketing/payload/src/globals/index.ts.hbs

@@ -0,0 +1,2 @@
+export { SiteSettings } from './SiteSettings'
+export { Navigation } from './Navigation'

package/templates/marketing/payload/src/payload.config.ts.hbs

@@ -0,0 +1,61 @@
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { buildConfig } from 'payload'
+import { postgresAdapter } from '@payloadcms/db-postgres'
+import { lexicalEditor } from '@payloadcms/richtext-lexical'
+import { s3Storage } from '@payloadcms/storage-s3'
+import { seoPlugin } from '@payloadcms/plugin-seo'
+
+import { Pages } from './collections/Pages'
+import { Media } from './collections/Media'
+import { Users } from './collections/Users'
+import { Posts } from './collections/Posts'
+import { SiteSettings } from './globals/SiteSettings'
+import { Navigation } from './globals/Navigation'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+export default buildConfig({
+  admin: {
+    user: Users.slug,
+    importMap: {
+      baseDir: path.resolve(__dirname),
+    },
+  },
+  db: postgresAdapter({
+    pool: {
+      connectionString: process.env.DATABASE_URL,
+    },
+  }),
+  editor: lexicalEditor(),
+  collections: [Users, Media, Pages, Posts],
+  globals: [SiteSettings, Navigation],
+  plugins: [
+    s3Storage({
+      collections: {
+        media: true,
+      },
+      bucket: process.env.S3_BUCKET!,
+      config: {
+        credentials: {
+          accessKeyId: process.env.S3_ACCESS_KEY_ID!,
+          secretAccessKey: process.env.S3_SECRET_ACCESS_KEY!,
+        },
+        region: process.env.S3_REGION!,
+        endpoint: process.env.S3_ENDPOINT!,
+        forcePathStyle: true,
+      },
+    }),
+    seoPlugin({
+      collections: ['pages', 'posts'],
+      uploadsCollection: 'media',
+      generateTitle: ({ doc }) => `${doc?.title ?? ''} | {{projectName}}`,
+      generateDescription: ({ doc }) => doc?.excerpt ?? '',
+    }),
+  ],
+  secret: process.env.PAYLOAD_SECRET!,
+  typescript: {
+    outputFile: path.resolve(__dirname, 'payload-types.ts'),
+  },
+})

package/templates/marketing/payload/tsconfig.json.hbs

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}