fix: remove CNA leftovers and mark Create Vlang App as live

Correct footer/stats/category maps for the Python bank, update ecosystem
copy so V is live, and clean remaining Node/React fixture copy.

Author: ulises-jeremias

README.md

@@ -1,80 +1,37 @@
-# Create Awesome Python App - Official Website
+<div align="center">
 
-[![PyPI](https://img.shields.io/pypi/v/create-awesome-python-app?style=flat-square&color=3776ab)](https://pypi.org/project/create-awesome-python-app/)
-[![Templates](https://img.shields.io/badge/templates-cpa--templates-blue?style=flat-square)](https://github.com/Create-Python-App/cpa-templates)
-[![GitHub org](https://img.shields.io/badge/GitHub-Create--Python--App-black?style=flat-square&logo=github)](https://github.com/Create-Python-App)
-
-This is the official website for [Create Awesome Python App](https://pypi.org/project/create-awesome-python-app/), a tool that helps you quickly set up Python projects with best practices and modern tooling (uv-first).
+# Create Awesome Python App — Website
 
-## Project Links
+**Docs and catalog site for the Create Python App scaffolding toolkit.**
 
-- [Official website](https://create-awesome-python-app.vercel.app)
-- [CLI package on PyPI](https://pypi.org/project/create-awesome-python-app/)
-- [Main Create-Python-App repository](https://github.com/Create-Python-App/create-python-app)
-- [Templates and extensions catalog](https://github.com/Create-Python-App/cpa-templates)
-- [Create-Python-App GitHub organization](https://github.com/Create-Python-App)
-
-> [!TIP]
-> Scaffold new apps with [`create-awesome-python-app`](https://pypi.org/project/create-awesome-python-app/) — do not clone template snapshot repos for production work. Prefer:
->
-> ```bash
-> uvx create-awesome-python-app my-api --template fastapi-starter
-> ```
+[![Website](https://img.shields.io/badge/site-create--awesome--python--app.vercel.app-blue?style=flat-square)](https://create-awesome-python-app.vercel.app)
+[![CLI](https://img.shields.io/badge/CLI-create--awesome--python--app-3B82F6?style=flat-square)](https://github.com/Create-Python-App/create-python-app)
+[![Templates](https://img.shields.io/badge/templates-cpa--templates-blue?style=flat-square)](https://github.com/Create-Python-App/cpa-templates)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](LICENSE)
 
-## Features
+</div>
 
-- ⚡️ **Instant HMR (Hot Module Replacement)** - Leveraging Next.js for fast refreshes and updates during development.
-- ⚛ **React Integration** - Utilizes [React](https://reactjs.org/) for building the user interface.
-- 🦾 **TypeScript Support** - Ensures type safety with [TypeScript](https://www.typescriptlang.org/).
+---
 
-## Extra Documentation
+## Install the CLI
 
-Discover more about the project structure, available scripts, and much more in the [docs](./docs) folder!
+```bash
+uvx create-awesome-python-app@latest my-app --template fastapi-starter
+```
 
-## Pre-packed Development Tools
+## Catalog
 
-- [TypeScript](https://www.typescriptlang.org/) - For type-safe code.
-- [eslint](https://eslint.org/) - A linter tool for identifying and reporting on patterns in JavaScript and JSX.
-- [prettier](https://prettier.io/) - An opinionated code formatter for clean and consistent code style.
-- [husky](https://www.npmjs.com/package/husky) - Simplifies the use of Git hooks in your project.
-- [lint-staged](https://www.npmjs.com/package/lint-staged) - Allows running linters on git staged files to catch errors before they're committed.
+Vendored registry for the docs site (when present under `public/data/`) mirrors [cpa-templates](https://github.com/Create-Python-App/cpa-templates).
 
-## Quick Start
+## Development
 
-```sh
-fnm use
+```bash
 pnpm install
-pnpm run dev
+pnpm dev
 ```
 
-## Development Workflow
-
-For most development work, you'll primarily use `pnpm run dev`. However, you have additional scripts at your disposal for various tasks:
-
-| pnpm run <script>  | Description                                                                                         |
-| ------------------ | --------------------------------------------------------------------------------------------------- |
-| `npm run dev`      | Starts the local development server for building and previewing your application.                   |
-| `npm run format`   | Formats the codebase using [Prettier](https://prettier.io/) to ensure consistent code styling.      |
-| `npm run lint`     | Runs linting on the codebase to identify and report on patterns with [eslint](https://eslint.org/). |
-| `npm run lint:fix` | Automatically fixes linting errors in the codebase where possible.                                  |
-
-## Production
-
-Scripts for preparing and viewing the production version:
-
-| pnpm run <script> | Description                                                                                  |
-| ----------------- | -------------------------------------------------------------------------------------------- |
-| `npm run start`   | Serves your application using the production setup, ensuring it's ready for deployment.      |
-| `npm run build`   | Compiles the application into the `dist/` directory, preparing it for production deployment. |
-
-## Contributing
-
-Bug reports, feature requests, and pull requests are welcome on the [Create-Python-App/website](https://github.com/Create-Python-App/website) repository!
-
-## 👥 Contributors
-
-<a href="https://github.com/Create-Python-App/website/contributors">
-  <img src="https://contrib.rocks/image?repo=Create-Python-App/website" alt="Contributors to Create-Python-App/website"/>
-</a>
+## Related
 
-Made with [contributors-img](https://contrib.rocks).
+- [create-python-app](https://github.com/Create-Python-App/create-python-app) — CLI
+- [cpa-templates](https://github.com/Create-Python-App/cpa-templates) — templates & extensions
+- [Create-Python-App org](https://github.com/Create-Python-App)

src/app/docs/templates/page.tsx

@@ -50,7 +50,7 @@ export default async function DocsTemplatesPage() {
               <Link href="/docs/extensions" className="text-primary hover:underline">
                 extensions
               </Link>{' '}
-              on top of it to add functionality like state management, testing, or UI libraries.
+              on top of it to add functionality like Docker, Postgres overlays, or CI workflows.
             </p>
 
             <div className="rounded-md bg-muted p-4">

src/components/ecosystem-section.tsx

@@ -63,9 +63,9 @@ const ECOSYSTEM: EcosystemEntry[] = [
     name: 'Create Vlang App',
     slug: 'create-vlang-app',
     description:
-      'Scaffolding for the V language — by a V core team member and author of vsl, vtl, rxv, and setup-v. Coming soon.',
-    status: 'planned',
-    href: 'https://github.com/Create-Vlang-App',
+      'Scaffolding for the V language — by a V core team member and author of vsl, vtl, rxv, and setup-v. Shipped at 0.1.0.',
+    status: 'production',
+    href: 'https://create-vlang-app.vercel.app',
     colors: {
       node1: '#a78bfa',
       node2: '#06b6d4',
@@ -150,7 +150,7 @@ export function EcosystemSection() {
           </h2>
           <p className="max-w-2xl text-muted-foreground md:text-lg">
             The composition-first scaffolding approach spans ecosystems. Start with Python Beta today — Node.js is
-            production-ready, and V is on the way.
+            production-ready, and Create Vlang App is live.
           </p>
         </div>
 

src/components/layout-shell.tsx

@@ -175,15 +175,15 @@ export function LayoutShell({ children }: { children: ReactNode }) {
                       </span>
                     </Link>
                     <Link
-                      href="https://github.com/Create-Vlang-App"
+                      href="https://create-vlang-app.vercel.app"
                       target="_blank"
                       rel="noreferrer"
                       className="flex items-center gap-2 text-sm transition-colors hover:text-foreground"
                     >
                       <span className="h-2 w-2 rounded-full bg-violet-500 shrink-0" />
                       <span className="text-muted-foreground hover:text-foreground transition-colors">
                         V language
-                        <span className="ml-1.5 text-[10px] font-medium text-muted-foreground">soon</span>
+                        <span className="ml-1.5 text-[10px] font-medium text-primary/80">live</span>
                       </span>
                     </Link>
                   </nav>

src/components/stats-bar.tsx

@@ -9,9 +9,9 @@ interface Stat {
 }
 
 const STATS: Stat[] = [
-  { value: 10, label: 'Templates' },
-  { value: 51, label: 'Extensions' },
-  { value: 12, label: 'Categories' },
+  { value: 5, label: 'Templates' },
+  { value: 12, label: 'Extensions' },
+  { value: 9, label: 'Categories' },
   { value: 'MIT', label: 'Licensed' },
 ];
 

src/components/template-card.tsx

@@ -10,12 +10,15 @@ interface TemplateCardProps {
 }
 
 const categoryColors: Record<string, string> = {
-  'frontend-applications': 'border-l-blue-500',
   'backend-applications': 'border-l-green-500',
-  'full-stack-applications': 'border-l-violet-500',
-  'monorepo-boilerplate': 'border-l-blue-500',
-  'user-acceptance-testing': 'border-l-orange-500',
-  'web-extension': 'border-l-cyan-500',
+  ci: 'border-l-emerald-500',
+  containers: 'border-l-blue-500',
+  database: 'border-l-green-600',
+  editor: 'border-l-sky-500',
+  'cli-applications': 'border-l-cyan-500',
+  observability: 'border-l-violet-500',
+  security: 'border-l-amber-500',
+  monorepo: 'border-l-lime-500',
 };
 
 export function TemplateCard({ template }: TemplateCardProps) {

src/components/template-categories.tsx

@@ -1,4 +1,4 @@
-import { ArrowRight, Code, Database, GitBranch, Globe, Layers, TestTube } from 'lucide-react';
+import { ArrowRight, Box, Code, Container, Database, Eye, GitBranch, Layers, Shield, Terminal } from 'lucide-react';
 import Link from 'next/link';
 import type React from 'react';
 
@@ -11,54 +11,72 @@ interface TemplateCategoriesProps {
 }
 
 export function TemplateCategories({ categories }: TemplateCategoriesProps) {
-  // Map of category slugs to their respective icons
   const categoryIcons: Record<string, React.ReactNode> = {
-    'frontend-applications': <Code className="h-5 w-5 text-primary" />,
-    'backend-applications': <Database className="h-5 w-5 text-green-600" />,
-    'fullstack-applications': <Layers className="h-5 w-5 text-blue-500" />,
-    'monorepo-boilerplate': <GitBranch className="h-5 w-5 text-green-500" />,
-    'user-acceptance-testing': <TestTube className="h-5 w-5 text-blue-500" />,
-    'web-extension': <Globe className="h-5 w-5 text-blue-500" />,
+    'backend-applications': <Code className="h-5 w-5 text-primary" />,
+    ci: <GitBranch className="h-5 w-5 text-green-500" />,
+    containers: <Container className="h-5 w-5 text-blue-500" />,
+    database: <Database className="h-5 w-5 text-green-600" />,
+    editor: <Box className="h-5 w-5 text-blue-400" />,
+    'cli-applications': <Terminal className="h-5 w-5 text-cyan-600" />,
+    observability: <Eye className="h-5 w-5 text-violet-500" />,
+    security: <Shield className="h-5 w-5 text-amber-500" />,
+    monorepo: <Layers className="h-5 w-5 text-green-500" />,
   };
 
-  // Map of category slugs to their respective color classes
   const categoryColors: Record<string, { bg: string; hover: string; border: string }> = {
-    'frontend-applications': {
+    'backend-applications': {
       bg: 'from-primary/20 to-green-600/20',
       hover: 'from-primary/40 to-green-600/40',
       border: 'border-primary/40',
     },
-    'backend-applications': {
+    ci: {
+      bg: 'from-green-500/20 to-blue-500/20',
+      hover: 'from-green-500/40 to-blue-500/40',
+      border: 'border-green-500/40',
+    },
+    containers: {
+      bg: 'from-blue-500/20 to-cyan-500/20',
+      hover: 'from-blue-500/40 to-cyan-500/40',
+      border: 'border-blue-500/40',
+    },
+    database: {
       bg: 'from-green-600/20 to-blue-500/20',
       hover: 'from-green-600/40 to-blue-500/40',
       border: 'border-green-600/40',
     },
-    'fullstack-applications': {
-      bg: 'from-blue-500/20 to-green-600/20',
-      hover: 'from-blue-500/40 to-green-600/40',
-      border: 'border-blue-500/40',
+    editor: {
+      bg: 'from-blue-400/20 to-primary/20',
+      hover: 'from-blue-400/40 to-primary/40',
+      border: 'border-blue-400/40',
     },
-    'monorepo-boilerplate': {
-      bg: 'from-green-500/20 to-green-500/20',
-      hover: 'from-green-500/40 to-green-500/40',
-      border: 'border-green-500/40',
+    'cli-applications': {
+      bg: 'from-cyan-500/20 to-green-600/20',
+      hover: 'from-cyan-500/40 to-green-600/40',
+      border: 'border-cyan-500/40',
     },
-    'user-acceptance-testing': {
-      bg: 'from-blue-500/20 to-orange-500/20',
-      hover: 'from-blue-500/40 to-orange-500/40',
-      border: 'border-blue-500/40',
+    observability: {
+      bg: 'from-violet-500/20 to-blue-500/20',
+      hover: 'from-violet-500/40 to-blue-500/40',
+      border: 'border-violet-500/40',
     },
-    'web-extension': {
-      bg: 'from-blue-500/20 to-cyan-500/20',
-      hover: 'from-blue-500/40 to-cyan-500/40',
-      border: 'border-blue-500/40',
+    security: {
+      bg: 'from-amber-500/20 to-green-600/20',
+      hover: 'from-amber-500/40 to-green-600/40',
+      border: 'border-amber-500/40',
+    },
+    monorepo: {
+      bg: 'from-green-500/20 to-primary/20',
+      hover: 'from-green-500/40 to-primary/40',
+      border: 'border-green-500/40',
     },
   };
 
+  const fallback = categoryColors['backend-applications'];
+
   return (
     <>
       {categories.map((category) => {
-        const colors = categoryColors[category.slug] || categoryColors['frontend-applications'];
+        const colors = categoryColors[category.slug] || fallback;
         const icon = categoryIcons[category.slug] || <Code className="h-5 w-5 text-primary" />;
 
         return (

src/lib/__tests__/schemas.test.ts

@@ -7,8 +7,8 @@ describe('categorySchema', () => {
       slug: 'frontend-applications',
       name: 'Frontend Applications',
       description: 'Templates for building web interfaces.',
-      details: 'Discover templates for React, Vue, and other frameworks.',
-      labels: ['Frontend', 'UI', 'React'],
+      details: 'Discover templates for FastAPI, Django, and CLIs.',
+      labels: ['API', 'FastAPI', 'Python'],
     };
     expect(categorySchema.safeParse(validCategory).success).toBe(true);
   });
@@ -26,11 +26,11 @@ describe('templateSchema', () => {
   it('should validate a valid template', () => {
     const validTemplate = {
       name: 'FastAPI Starter',
-      description: 'A fast React boilerplate with Vite.',
+      description: 'A FastAPI API starter with uv.',
       url: 'https://github.com/Create-Python-App/cpa-templates/tree/main/templates/fastapi-starter',
       type: 'react',
       category: 'frontend-applications',
-      labels: ['React', 'Vite', 'TypeScript'],
+      labels: ['FastAPI', 'uv', 'Python'],
       slug: 'fastapi-starter',
     };
     expect(templateSchema.safeParse(validTemplate).success).toBe(true);
@@ -39,11 +39,11 @@ describe('templateSchema', () => {
   it('should reject a template with invalid url', () => {
     const invalidTemplate = {
       name: 'FastAPI Starter',
-      description: 'A fast React boilerplate.',
+      description: 'A FastAPI starter.',
       url: 'not-a-url',
       type: 'react',
       category: 'frontend-applications',
-      labels: ['React'],
+      labels: ['fastapi'],
       slug: 'fastapi-starter',
     };
     expect(templateSchema.safeParse(invalidTemplate).success).toBe(false);
@@ -84,11 +84,11 @@ describe('templatesDataSchema', () => {
       templates: [
         {
           name: 'FastAPI Starter',
-          description: 'A fast React boilerplate.',
+          description: 'A FastAPI starter.',
           url: 'https://github.com/example/fastapi-starter',
           type: 'react',
           category: 'frontend-applications',
-          labels: ['React'],
+          labels: ['fastapi'],
           slug: 'fastapi-starter',
         },
       ],

src/lib/__tests__/utils.test.ts

@@ -22,11 +22,11 @@ describe('validateTemplate', () => {
   it('should return data for valid template', () => {
     const validData = {
       name: 'FastAPI Starter',
-      description: 'A fast React boilerplate.',
+      description: 'A FastAPI starter.',
       url: 'https://github.com/Create-Python-App/cpa-templates/tree/main/templates/fastapi-starter',
       type: 'react',
       category: 'frontend-applications',
-      labels: ['React', 'Vite'],
+      labels: ['FastAPI', 'uv'],
       slug: 'fastapi-starter',
     };
     const result = validateTemplate(validData);