create-nolly-template 1.0.3 → 1.0.5

package/dist/builder.js

@@ -19,6 +19,8 @@ function toRegExp(pattern) {
 function applyPatchOperations(content, operations) {
     let result = content;
     for (const op of operations) {
+        if (op.type === 'deleteFile')
+            continue;
         const regex = 'pattern' in op ? toRegExp(op.pattern) : undefined;
         if (op.type === 'replace' && regex) {
             result = result.replace(regex, op.replacement);
@@ -37,6 +39,11 @@ function applyPatchOperations(content, operations) {
 }
 function applyPatches(fileMap, patches) {
     for (const patch of patches) {
+        const hasDelete = patch.operations.some(op => op.type === 'deleteFile');
+        if (hasDelete) {
+            fileMap.delete(patch.targetPath);
+            continue;
+        }
         const current = fileMap.get(patch.targetPath);
         if (!current)
             continue;

package/dist/registry/index.js

@@ -1,4 +1,4 @@
-import { webCategory } from './web/index.js';
+import { web } from './web/index.js';
 export const registry = [
-    webCategory
+    web
 ];

package/dist/registry/web/backend/fastify/base.js

@@ -1,7 +1,7 @@
-import { swaggerFeature } from './features/swagger.js';
-import { websocketFeature } from './features/websocket.js';
-import { mongodbFeature } from './features/mongodb.js';
-export const fastifyBase = {
+import { swagger } from './swagger.js';
+import { websocket } from './websocket.js';
+import { mongodb } from './mongodb.js';
+export const fastify = {
     key: 'fastify',
     name: 'Fastify TypeScript',
     description: 'Fastify with TypeScript, auto-registration, health check',
@@ -10,8 +10,8 @@ export const fastifyBase = {
     ],
     templateRoot: 'web/backend/fastify/base',
     features: [
-        swaggerFeature,
-        websocketFeature,
-        mongodbFeature
+        swagger,
+        websocket,
+        mongodb
     ]
 };

package/dist/registry/web/backend/fastify/{features/mongodb.js → mongodb.js}

@@ -1,4 +1,4 @@
-export const mongodbFeature = {
+export const mongodb = {
     key: 'mongodb',
     name: 'MongoDB support',
     description: 'Adds MongoDB support',

package/dist/registry/web/backend/fastify/{features/swagger.js → swagger.js}

@@ -1,4 +1,4 @@
-export const swaggerFeature = {
+export const swagger = {
     key: 'swagger',
     name: 'Swagger / OpenAPI docs',
     description: 'Adds automatic API documentation with Swagger / OpenAPI',

package/dist/registry/web/backend/fastify/{features/websocket.js → websocket.js}

@@ -1,4 +1,4 @@
-export const websocketFeature = {
+export const websocket = {
     key: 'websocket',
     name: 'WebSocket support',
     description: 'Adds WebSocket support',

package/dist/registry/web/backend/index.js

@@ -1,7 +1,9 @@
-import { fastifyBase } from './fastify/base.js';
-export const backendSubCategory = {
+import { fastify } from './fastify/base.js';
+export const backend = {
     key: 'backend',
     name: 'Backend',
     description: 'Backend related tools and frameworks',
-    templates: [fastifyBase],
+    templates: [
+        fastify
+    ],
 };

package/dist/registry/web/frontend/index.js

@@ -0,0 +1,9 @@
+import { vite } from './vite/base.js';
+export const frontend = {
+    key: 'frontend',
+    name: 'Frontend',
+    description: 'Frontend related tools and frameworks',
+    templates: [
+        vite
+    ],
+};

package/dist/registry/web/frontend/vite/base.js

@@ -0,0 +1,15 @@
+import { react } from './react.js';
+import { seo } from './seo.js';
+export const vite = {
+    key: 'vite',
+    name: 'Vite TypeScript',
+    description: 'Vite with TypeScript, React, auto-registration',
+    prompts: [
+        { type: 'text', name: 'name', message: 'Project name', initial: 'my-vite-app' }
+    ],
+    templateRoot: 'web/frontend/vite/base',
+    features: [
+        react,
+        seo
+    ]
+};

package/dist/registry/web/frontend/vite/react.js

@@ -0,0 +1,71 @@
+export const react = {
+    key: 'react',
+    name: 'React support',
+    description: 'Adds React and Shadcn UI support',
+    templateRoot: 'web/frontend/vite/react',
+    devDependencies: {
+        '@vitejs/plugin-react': '^6.0.1',
+        '@types/node': '^20.11.1',
+        '@types/react': '^19.2.14',
+        '@types/react-dom': '^19.2.3'
+    },
+    dependencies: {
+        '@fontsource-variable/figtree': '^5.2.10',
+        'class-variance-authority': '^0.7.1',
+        'clsx': '^2.1.1',
+        'lucide-react': '^0.577.0',
+        'radix-ui': '^1.4.3',
+        'react': '^19.2.4',
+        'react-dom': '^19.2.4',
+        'react-router-dom': '^7.13.1',
+        'shadcn': '^4.0.8',
+        'tailwind-merge': '^3.5.0',
+        'tw-animate-css': '^1.4.0'
+    },
+    patches: [
+        {
+            targetPath: 'tsconfig.app.json',
+            operations: [
+                {
+                    type: 'insertAfter',
+                    pattern: '"skipLibCheck": true',
+                    insert: ',\n\t\t"jsx": "react-jsx",\n\t\t"paths": {\n\t\t\t"@components/*": ["./src/components/*"],\n\t\t\t"@hooks/*": ["./src/hooks/*"],\n\t\t\t"@lib/*": ["./src/lib/*"]\n\t\t}\n'
+                }
+            ]
+        },
+        {
+            targetPath: 'vite.config.ts',
+            operations: [
+                {
+                    type: 'insertAfter',
+                    pattern: 'import obfuscator from \'vite-plugin-javascript-obfuscator\'',
+                    insert: 'import react from \'@vitejs/plugin-react\'\nimport path from \'path\''
+                },
+                {
+                    type: 'insertBefore',
+                    pattern: 'tailwindcss\\(\\)',
+                    insert: 'react(), '
+                },
+                {
+                    type: 'insertAfter',
+                    pattern: 'base: \'./\',',
+                    insert: '\tresolve: {\n\t\talias: {\n\t\t\t\'@components\': path.resolve(__dirname, \'./src/components\'),\n\t\t\t\'@hooks\': path.resolve(__dirname, \'./src/hooks\'),\n\t\t\t\'@lib\': path.resolve(__dirname, \'./src/lib/\')\n\t\t}\n\t},'
+                }
+            ]
+        },
+        {
+            targetPath: 'index.html',
+            operations: [
+                {
+                    type: 'replace',
+                    pattern: 'main\.ts',
+                    replacement: 'main.tsx'
+                }
+            ]
+        },
+        {
+            targetPath: 'src/main.ts',
+            operations: [{ type: 'deleteFile' }]
+        }
+    ]
+};

package/dist/registry/web/frontend/vite/seo.js

@@ -0,0 +1,39 @@
+export const seo = {
+    key: 'seo',
+    name: 'SEO optimization',
+    description: 'Adds a custom SEO vite plugin to optimize your app for search engines and social media sharing',
+    templateRoot: 'web/frontend/vite/seo',
+    dependencies: {
+        'sitemap': '^9.0.1',
+    },
+    patches: [
+        {
+            targetPath: 'index.html',
+            operations: [
+                {
+                    type: 'remove',
+                    pattern: /<title>.*<\/title>/,
+                },
+                {
+                    type: 'remove',
+                    pattern: /<meta name='description' content='.*'>/,
+                }
+            ]
+        },
+        {
+            targetPath: 'vite.config.ts',
+            operations: [
+                {
+                    type: 'insertAfter',
+                    pattern: 'import obfuscator from \'vite-plugin-javascript-obfuscator\'',
+                    insert: 'import { viteSEO } from \'./vite-plugin-seo\''
+                },
+                {
+                    type: 'insertBefore',
+                    pattern: 'tailwindcss\\(\\)',
+                    insert: 'viteSEO(), '
+                }
+            ]
+        }
+    ]
+};

package/dist/registry/web/fullstack/index.js

@@ -0,0 +1,9 @@
+import { nextJs } from './next.js/base.js';
+export const fullstack = {
+    key: 'fullstack',
+    name: 'Fullstack',
+    description: 'Fullstack related tools and frameworks',
+    templates: [
+        nextJs,
+    ],
+};

package/dist/registry/web/fullstack/next.js/base.js

@@ -0,0 +1,10 @@
+export const nextJs = {
+    key: 'nextjs',
+    name: 'Next.js',
+    description: 'Next.js with TypeScript, React, Tailwind CSS, and Shasdcn UI pre-configured',
+    prompts: [
+        { type: 'text', name: 'name', message: 'Project name', initial: 'my-nextjs-app' }
+    ],
+    templateRoot: 'web/fullstack/nextjs/base',
+    features: []
+};

package/dist/registry/web/index.js

@@ -1,7 +1,13 @@
-import { backendSubCategory } from './backend/index.js';
-export const webCategory = {
+import { frontend } from './frontend/index.js';
+import { backend } from './backend/index.js';
+import { fullstack } from './fullstack/index.js';
+export const web = {
     key: 'web',
     name: 'Web',
-    description: 'Web development templates and tools.',
-    subCategories: [backendSubCategory],
+    description: 'A collection of web templates for frontend, backend, and fullstack development',
+    subCategories: [
+        frontend,
+        backend,
+        fullstack,
+    ],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nolly-template",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "All of my opiniated templates in one place. This is a CLI tool to create a new project based on one of my templates.",
   "keywords": [
     "template",

package/templates/web/frontend/vite/base/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+<head>
+  <meta charset='UTF-8'>
+  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+
+  <title>{{name}}</title>
+  <link rel='icon' href='/favicon.svg' type='image/svg+xml'>
+
+  <script type='module' src='/src/main.ts'></script>
+</head>
+
+<body>
+</body>
+
+</html>

package/templates/web/frontend/vite/base/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.1",
+    "tailwindcss": "^4.2.1",
+    "terser": "^5.46.0",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.0",
+    "vite-plugin-javascript-obfuscator": "^3.1.0"
+  }
+}

package/templates/web/frontend/vite/base/public/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+  <rect width='32' height='32' rx='6' fill='#1a1a1a' />
+  <text x='50%' y='55%' dominant-baseline='middle' text-anchor='middle' font-size='18' fill='#ff88ff' font-family='sans-serif'>N</text>
+</svg>

package/templates/web/frontend/vite/base/src/globals.css

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

package/templates/web/frontend/vite/base/src/main.ts

@@ -0,0 +1,54 @@
+import './globals.css'
+
+const container = document.createElement('div')
+container.classList.add('min-h-screen', 'bg-gray-50', 'flex', 'items-center', 'justify-center')
+document.body.appendChild(container)
+
+const content = document.createElement('div')
+content.classList.add('text-center', 'space-y-3')
+container.appendChild(content)
+
+const heading = document.createElement('h1')
+heading.classList.add('text-6xl', 'font-extrabold', 'tracking-tight', 'text-gray-900')
+heading.textContent = 'Welcome to your {{name}} App'
+content.appendChild(heading)
+
+const subHeading = document.createElement('h2')
+subHeading.classList.add('text-4xl', 'font-bold', 'tracking-tight', 'text-gray-900')
+subHeading.textContent = 'Vite + TypeScript + Tailwind'
+content.appendChild(subHeading)
+
+const paragraph = document.createElement('p')
+paragraph.classList.add('text-gray-500', 'text-sm')
+paragraph.innerHTML = `Edit <code class='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>src/main.ts</code> to get started`
+content.appendChild(paragraph)
+
+const links = document.createElement('div')
+links.classList.add('flex', 'justify-center', 'space-x-4', 'mt-4')
+content.appendChild(links)
+
+const viteLink = document.createElement('a')
+viteLink.classList.add('text-sm', 'text-blue-600', 'hover:underline')
+viteLink.href = 'https://vitejs.dev/guide/features.html'
+viteLink.target = '_blank'
+viteLink.textContent = 'Learn more about Vite'
+links.appendChild(viteLink)
+
+const tailwindLink = document.createElement('a')
+tailwindLink.classList.add('text-sm', 'text-blue-600', 'hover:underline', 'ml-4')
+tailwindLink.href = 'https://tailwindcss.com/docs'
+tailwindLink.target = '_blank'
+tailwindLink.textContent = 'Learn more about Tailwind'
+links.appendChild(tailwindLink)
+
+const tsLink = document.createElement('a')
+tsLink.classList.add('text-sm', 'text-blue-600', 'hover:underline', 'ml-4')
+tsLink.href = 'https://www.typescriptlang.org/docs/'
+tsLink.target = '_blank'
+tsLink.textContent = 'Learn more about TypeScript'
+links.appendChild(tsLink)
+
+const footer = document.createElement('footer')
+footer.classList.add('text-center', 'text-gray-500', 'text-sm', 'mt-8')
+footer.innerHTML = `Made with <a href='https://npmjs.com/create-nolly-template' class='text-rose-600 hover:underline' target='_blank'><code class='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>Nolly's Template</code></a> by <a href='https://thenolle.com' class='text-pink-600 hover:underline' target='_blank'>Nolly</a>`
+content.appendChild(footer)

package/templates/web/frontend/vite/base/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types='vite/client' />

package/templates/web/frontend/vite/base/tsconfig.app.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src"
+  ]
+}

package/templates/web/frontend/vite/base/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/web/frontend/vite/base/tsconfig.node.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "ES2022"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.ts"
+  ]
+}

package/templates/web/frontend/vite/base/vite.config.ts

@@ -0,0 +1,51 @@
+import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
+import obfuscator from 'vite-plugin-javascript-obfuscator'
+
+export default defineConfig({
+  plugins: [tailwindcss(), obfuscator({
+    options: {
+      compact: true,
+      controlFlowFlattening: true,
+      deadCodeInjection: true,
+      identifierNamesGenerator: 'hexadecimal',
+      renameGlobals: true,
+      selfDefending: true,
+      stringArray: true,
+      stringArrayEncoding: ['base64'],
+      stringArrayThreshold: 0.75
+    }
+  })],
+  base: './',
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true,
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        passes: 3,
+        drop_console: true,
+        drop_debugger: true,
+        pure_funcs: ['console.log'],
+        unsafe: true,
+        unsafe_arrows: true,
+        unsafe_methods: true,
+      },
+      mangle: {
+        toplevel: true,
+      },
+      format: {
+        comments: false,
+      },
+    },
+    rolldownOptions: {
+      output: {
+        chunkFileNames: 'assets/js/[name]-[hash].js',
+        entryFileNames: 'assets/js/[name]-[hash].js',
+        assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
+      }
+    },
+    modulePreload: true,
+    sourcemap: false,
+  }
+})

package/templates/web/frontend/vite/react/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-mira",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@components",
+    "utils": "@lib/utils",
+    "ui": "@components/ui",
+    "lib": "@lib",
+    "hooks": "@hooks"
+  },
+  "menuColor": "default-translucent",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/templates/web/frontend/vite/react/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - msw

package/templates/web/frontend/vite/react/src/app.tsx

@@ -0,0 +1,30 @@
+export function App(): React.ReactElement | null {
+  return (
+    <div className='min-h-screen bg-gray-50 flex items-center justify-center'>
+      <div className='text-center space-y-3'>
+        <h1 className='text-4xl font-bold tracking-tight text-gray-900'>Welcome to your {{name}} App</h1>
+        <h2 className='text-2xl font-semibold tracking-tight text-gray-900'>Vite + React + TypeScript + Tailwind + Shadcn UI</h2>
+        <p className='text-gray-500 text-sm'>
+          Edit{' '}
+          <code className='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>src/App.tsx</code>
+          {' '}to get started
+        </p>
+        <div className='flex justify-center space-x-4 mt-4'>
+          <a className='text-sm text-blue-600 hover:underline' href='https://vitejs.dev/guide/features.html' target='_blank'>Learn more about Vite</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://react.dev/learn' target='_blank'>Learn more about React</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://www.typescriptlang.org/docs/' target='_blank'>Learn more about TypeScript</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://tailwindcss.com/docs' target='_blank'>Learn more about Tailwind</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://ui.shadcn.com/docs' target='_blank'>Learn more about Shadcn UI</a>
+        </div>
+        <footer className='text-center text-gray-500 text-sm mt-8'>
+          Made with{' '}
+          <a href='https://npmjs.com/create-nolly-template' className='text-rose-600 hover:underline' target='_blank'>
+            <code className='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>Nolly's Template</code>
+          </a>{' '}
+          by{' '}
+          <a href='https://thenolle.com' className='text-pink-600 hover:underline' target='_blank'>Nolly</a>
+        </footer>
+      </div>
+    </div>
+  )
+}

package/templates/web/frontend/vite/react/src/globals.css

@@ -0,0 +1,131 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import 'shadcn/tailwind.css';
+@import '@fontsource-variable/figtree';
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.514 0.222 16.935);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.81 0.117 11.638);
+  --chart-2: oklch(0.645 0.246 16.439);
+  --chart-3: oklch(0.586 0.253 17.585);
+  --chart-4: oklch(0.514 0.222 16.935);
+  --chart-5: oklch(0.455 0.188 13.697);
+  --radius: 0.45rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.586 0.253 17.585);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.455 0.188 13.697);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.81 0.117 11.638);
+  --chart-2: oklch(0.645 0.246 16.439);
+  --chart-3: oklch(0.586 0.253 17.585);
+  --chart-4: oklch(0.514 0.222 16.935);
+  --chart-5: oklch(0.455 0.188 13.697);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.645 0.246 16.439);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@theme inline {
+  --font-sans: 'Figtree Variable', sans-serif;
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-foreground: var(--foreground);
+  --color-background: var(--background);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  
+  body {
+    @apply bg-background text-foreground;
+  }
+  
+  html {
+    @apply font-sans;
+  }
+}

package/templates/web/frontend/vite/react/src/lib/utils.ts

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

package/templates/web/frontend/vite/react/src/main.tsx

@@ -0,0 +1,15 @@
+import './globals.css'
+
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import {BrowserRouter} from 'react-router-dom'
+
+import { App } from './app'
+
+ReactDOM.createRoot(document.body).render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>,
+)

package/templates/web/frontend/vite/seo/seo.config.ts

@@ -0,0 +1,24 @@
+export const SEO = {
+  siteName: '{{name}}',
+  title: '{{name}} – An App made with Nolly\'s Template',
+  description: 'A Vite + TypeScript + Tailwind CSS boilerplate template for your next web app, made with love by Nolly',
+  siteUrl: 'https://npmjs.com/create-nolly-template',
+
+  author: 'Nolly',
+
+  keywords: [
+    'vite.js',
+    'typescript',
+    'boilerplate',
+    'template',
+    'nolly',
+  ],
+
+  socialImage: '/favicon.svg',
+
+  locale: 'en_US',
+
+  pages: [
+    '/',
+  ]
+}

package/templates/web/frontend/vite/seo/vite-plugin-seo.ts

@@ -0,0 +1,86 @@
+import type { Plugin } from 'vite'
+import { writeFileSync, mkdirSync } from 'fs'
+import { resolve } from 'path'
+import { SitemapStream, streamToPromise } from 'sitemap'
+import { SEO } from './seo.config'
+
+export function viteSEO(): Plugin {
+  return {
+    name: 'vite-seo',
+    transformIndexHtml(html) {
+      const meta = `
+<title>${SEO.title}</title>
+
+<meta name='description' content='${SEO.description}'>
+<meta name='keywords' content='${SEO.keywords.join(', ')}'>
+<meta name='author' content='${SEO.author}'>
+<meta name='robots' content='index, follow'>
+
+<link rel='canonical' href='${SEO.siteUrl}'>
+
+<meta property='og:type' content='website'>
+<meta property='og:title' content='${SEO.title}'>
+<meta property='og:description' content='${SEO.description}'>
+<meta property='og:url' content='${SEO.siteUrl}'>
+<meta property='og:site_name' content='${SEO.siteName}'>
+<meta property='og:image' content='${SEO.siteUrl}${SEO.socialImage}'>
+<meta property='og:locale' content='${SEO.locale}'>
+
+<script type='application/ld+json'>
+${JSON.stringify({
+        '@context': 'https://schema.org',
+        '@type': 'WebSite',
+        'name': SEO.siteName,
+        'url': SEO.siteUrl,
+        'description': SEO.description,
+        'publisher': {
+          '@type': 'Person',
+          'name': SEO.author
+        }
+      }, null, 2)}
+</script>
+      `
+      return html.replace('</head>', `${meta}\n</head>`)
+    },
+    async closeBundle() {
+      const sitemap = new SitemapStream({ hostname: SEO.siteUrl })
+      for (const page of SEO.pages) sitemap.write({ url: `${SEO.siteUrl}${page}`, changefreq: 'weekly', priority: 0.8 })
+      sitemap.end()
+      const data = await streamToPromise(sitemap)
+      const dist = resolve(process.cwd(), 'dist')
+      mkdirSync(dist, { recursive: true })
+      writeFileSync(resolve(dist, 'sitemap.xml'), data.toString())
+      createRobotsTxt()
+    }
+  }
+}
+
+function createRobotsTxt() {
+  const content = `User-agent: *
+Allow: /
+
+User-agent: GPTBot
+Disallow: /
+
+User-agent: Google-Extended
+Disallow: /
+
+User-agent: CCBot
+Disallow: /
+
+User-agent: ClaudeBot
+Disallow: /
+
+User-agent: PerplexityBot
+Disallow: /
+
+User-agent: Amazonbot
+Disallow: /
+
+Sitemap: ${SEO.siteUrl}/sitemap.xml
+`
+
+  const dist = resolve(process.cwd(), 'dist')
+  mkdirSync(dist, { recursive: true })
+  writeFileSync(resolve(dist, 'robots.txt'), content)
+}

package/templates/web/fullstack/nextjs/base/app/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+  <rect width='32' height='32' rx='6' fill='#1a1a1a' />
+  <text x='50%' y='55%' dominant-baseline='middle' text-anchor='middle' font-size='18' fill='#ff88ff' font-family='sans-serif'>N</text>
+</svg>

package/templates/web/fullstack/nextjs/base/app/globals.css

@@ -0,0 +1,126 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import 'shadcn/tailwind.css';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.577 0.245 27.325);
+  --primary-foreground: oklch(0.971 0.013 17.38);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.58 0.22 27);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.808 0.114 19.571);
+  --chart-2: oklch(0.637 0.237 25.331);
+  --chart-3: oklch(0.577 0.245 27.325);
+  --chart-4: oklch(0.505 0.213 27.518);
+  --chart-5: oklch(0.444 0.177 26.899);
+  --radius: 0.45rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.577 0.245 27.325);
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.637 0.237 25.331);
+  --primary-foreground: oklch(0.971 0.013 17.38);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.808 0.114 19.571);
+  --chart-2: oklch(0.637 0.237 25.331);
+  --chart-3: oklch(0.577 0.245 27.325);
+  --chart-4: oklch(0.505 0.213 27.518);
+  --chart-5: oklch(0.444 0.177 26.899);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.637 0.237 25.331);
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/web/fullstack/nextjs/base/app/globals.d.ts

@@ -0,0 +1,9 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}
+
+declare module '*.css' {
+  const content: { [className: string]: string }
+  export default content
+}

package/templates/web/fullstack/nextjs/base/app/layout.tsx

@@ -0,0 +1,23 @@
+import './globals.css'
+import { Geist, Geist_Mono, Outfit } from 'next/font/google'
+import type { Metadata } from 'next'
+
+const outfit = Outfit({ subsets: ['latin'], variable: '--font-sans' })
+const geistSans = Geist({ subsets: ['latin'], variable: '--font-geist-sans' })
+const geistMono = Geist_Mono({ subsets: ['latin'], variable: '--font-geist-mono' })
+
+export const metadata: Metadata = {
+  title: '{{name}} – An App made with Nolly\'s Template',
+  description: 'A Next.js + TypeScript + Tailwind CSS boilerplate template for your next web app, made with love by Nolly',
+  icons: { icon: '/favicon.svg', apple: '/favicon.svg' },
+}
+
+export default async function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang={'en'} suppressHydrationWarning>
+      <body className={`${outfit.variable} ${geistSans.variable} ${geistMono.variable} antialiased`}>
+        {children}
+      </body>
+    </html>
+  )
+}

package/templates/web/fullstack/nextjs/base/app/page.tsx

@@ -0,0 +1,30 @@
+export default function Page(): React.ReactElement | null {
+  return (
+    <div className='min-h-screen bg-gray-50 flex items-center justify-center'>
+      <div className='text-center space-y-3'>
+        <h1 className='text-4xl font-bold tracking-tight text-gray-900'>Welcome to your {{name}} App</h1>
+        <h2 className='text-2xl font-semibold tracking-tight text-gray-900'>Next.js + React + TypeScript + Tailwind + Shadcn UI</h2>
+        <p className='text-gray-500 text-sm'>
+          Edit{' '}
+          <code className='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>src/app/page.tsx</code>
+          {' '}to get started
+        </p>
+        <div className='flex justify-center space-x-4 mt-4'>
+          <a className='text-sm text-blue-600 hover:underline' href='https://nextjs.org/docs' target='_blank'>Learn more about Next.js</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://react.dev/learn' target='_blank'>Learn more about React</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://www.typescriptlang.org/docs/' target='_blank'>Learn more about TypeScript</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://tailwindcss.com/docs' target='_blank'>Learn more about Tailwind</a>
+          <a className='text-sm text-blue-600 hover:underline ml-4' href='https://ui.shadcn.com/docs' target='_blank'>Learn more about Shadcn UI</a>
+        </div>
+        <footer className='text-center text-gray-500 text-sm mt-8'>
+          Made with{' '}
+          <a href='https://npmjs.com/create-nolly-template' className='text-rose-600 hover:underline' target='_blank'>
+            <code className='bg-gray-100 px-1.5 py-0.5 rounded font-mono text-gray-700'>Nolly's Template</code>
+          </a>{' '}
+          by{' '}
+          <a href='https://thenolle.com' className='text-pink-600 hover:underline' target='_blank'>Nolly</a>
+        </footer>
+      </div>
+    </div>
+  )
+}

package/templates/web/fullstack/nextjs/base/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-mira",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@components",
+    "utils": "@lib/utils",
+    "ui": "@components/ui",
+    "lib": "@lib",
+    "hooks": "@hooks"
+  },
+  "menuColor": "default-translucent",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/templates/web/fullstack/nextjs/base/lib/utils.ts

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

package/templates/web/fullstack/nextjs/base/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/web/fullstack/nextjs/base/next.config.ts

@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  output: 'standalone',
+  reactStrictMode: false,
+}
+
+export default nextConfig

package/templates/web/fullstack/nextjs/base/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "{{name}}",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.2.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.577.0",
+    "next": "16.1.6",
+    "radix-ui": "^1.4.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "shadcn": "^3.8.5",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

package/templates/web/fullstack/nextjs/base/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+onlyBuiltDependencies:
+  - msw
+  - sharp

package/templates/web/fullstack/nextjs/base/postcss.config.mjs

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

package/templates/web/fullstack/nextjs/base/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "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": {
+      "@app/*": [ "./app/*" ],
+      "@components/*": [ "./components/*" ],
+      "@lib/*": [ "./lib/*" ],
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}