feat: complete Syndarix rebranding from PragmaStack

- Update PROJECT_NAME to Syndarix in backend config - Update all frontend components with Syndarix branding - Replace all GitHub URLs with Gitea Syndarix repo URLs - Update metadata, headers, footers with new branding - Update tests to match new URLs - Update E2E tests for new repo references - Preserve "Built on PragmaStack" attribution in docs Closes #13 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:30:45 +01:00
parent 6e3cdebbfb
commit ebd307cab4
38 changed files with 159 additions and 146 deletions
--- a/frontend/src/app/[locale]/(authenticated)/layout.tsx
+++ b/frontend/src/app/[locale]/(authenticated)/layout.tsx
@@ -10,7 +10,7 @@ import { Footer } from '@/components/layout/Footer';

 export const metadata: Metadata = {
  title: {
-    template: '%s | PragmaStack',
+    template: '%s | Syndarix',
    default: 'Dashboard',
  },
 };
--- a/frontend/src/app/[locale]/admin/layout.tsx
+++ b/frontend/src/app/[locale]/admin/layout.tsx
@@ -12,7 +12,7 @@ import { AdminSidebar, Breadcrumbs } from '@/components/admin';

 export const metadata: Metadata = {
  title: {
-    template: '%s | Admin | PragmaStack',
+    template: '%s | Admin | Syndarix',
    default: 'Admin Dashboard',
  },
 };
--- a/frontend/src/app/[locale]/demos/page.tsx
+++ b/frontend/src/app/[locale]/demos/page.tsx
@@ -26,8 +26,8 @@ import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';

 export const metadata: Metadata = {
-  title: 'Demo Tour | PragmaStack',
-  description: 'Try all features with demo credentials - comprehensive guide to the PragmaStack',
+  title: 'Demo Tour | Syndarix',
+  description: 'Try all features with demo credentials - comprehensive guide to the Syndarix',
 };

 const demoCategories = [
--- a/frontend/src/app/[locale]/dev/docs/page.tsx
+++ b/frontend/src/app/[locale]/dev/docs/page.tsx
@@ -120,7 +120,7 @@ export default function DocsHub() {
            <h2 className="text-4xl font-bold tracking-tight mb-4">Design System Documentation</h2>
            <p className="text-lg text-muted-foreground mb-8">
              Comprehensive guides, best practices, and references for building consistent,
-              accessible, and maintainable user interfaces with the PragmaStack design system.
+              accessible, and maintainable user interfaces with the Syndarix design system.
            </p>
            <div className="flex flex-wrap gap-3 justify-center">
              <Link href="/dev/docs/design-system/00-quick-start">
--- a/frontend/src/app/[locale]/dev/page.tsx
+++ b/frontend/src/app/[locale]/dev/page.tsx
@@ -14,7 +14,7 @@ import { Badge } from '@/components/ui/badge';
 import { Separator } from '@/components/ui/separator';

 export const metadata: Metadata = {
-  title: 'Design System Hub | PragmaStack',
+  title: 'Design System Hub | Syndarix',
  description:
    'Interactive design system demonstrations with live examples - explore components, layouts, spacing, and forms built with shadcn/ui and Tailwind CSS',
 };
@@ -90,7 +90,7 @@ export default function DesignSystemHub() {
            </div>
            <p className="text-lg text-muted-foreground">
              Interactive demonstrations, live examples, and comprehensive documentation for the
-              PragmaStack design system. Built with shadcn/ui + Tailwind CSS 4.
+              Syndarix design system. Built with shadcn/ui + Tailwind CSS 4.
            </p>
          </div>
        </div>
--- a/frontend/src/app/[locale]/page.tsx
+++ b/frontend/src/app/[locale]/page.tsx
@@ -1,7 +1,7 @@
 /* istanbul ignore file -- @preserve Landing page with complex interactions tested via E2E */
 /**
 * Homepage / Landing Page
- * Main landing page for the PragmaStack project
+ * Main landing page for the Syndarix project
 * Showcases features, tech stack, and provides demos for developers
 */

@@ -68,7 +68,7 @@ export default function Home() {
        <div className="container mx-auto px-6 py-8">
          <div className="flex flex-col md:flex-row items-center justify-between gap-4">
            <div className="text-sm text-muted-foreground">
-              © {new Date().getFullYear()} PragmaStack. MIT Licensed.
+              © {new Date().getFullYear()} Syndarix. MIT Licensed.
            </div>
            <div className="flex items-center gap-6 text-sm text-muted-foreground">
              <Link href="/demos" className="hover:text-foreground transition-colors">
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -1,7 +1,7 @@
@import 'tailwindcss';

 /**
- * PragmaStack Design System
+ * Syndarix Design System
 * Theme: Modern Minimal (from tweakcn.com)
 * Primary: Blue | Color Space: OKLCH
 *
--- a/frontend/src/components/dev/DevLayout.tsx
+++ b/frontend/src/components/dev/DevLayout.tsx
@@ -96,12 +96,12 @@ export function DevLayout({ children }: DevLayoutProps) {
            <div className="flex items-center gap-3 shrink-0">
              <Image
                src="/logo-icon.svg"
-                alt="PragmaStack Logo"
+                alt="Syndarix Logo"
                width={24}
                height={24}
                className="h-6 w-6"
              />
-              <h1 className="text-base font-semibold">PragmaStack</h1>
+              <h1 className="text-base font-semibold">Syndarix</h1>
              <Badge variant="secondary" className="text-xs">
                Dev
              </Badge>
--- a/frontend/src/components/home/AnimatedTerminal.tsx
+++ b/frontend/src/components/home/AnimatedTerminal.tsx
@@ -14,8 +14,8 @@ import { Link } from '@/lib/i18n/routing';

 const commands = [
  { text: '# Clone the repository', delay: 0 },
-  { text: '$ git clone https://github.com/your-org/fast-next-template.git', delay: 800 },
-  { text: '$ cd fast-next-template', delay: 1600 },
+  { text: '$ git clone https://gitea.pragmazest.com/cardosofelipe/syndarix.git', delay: 800 },
+  { text: '$ cd syndarix', delay: 1600 },
  { text: '', delay: 2200 },
  { text: '# Start with Docker (one command)', delay: 2400 },
  { text: '$ docker-compose up', delay: 3200 },
--- a/frontend/src/components/home/CTASection.tsx
+++ b/frontend/src/components/home/CTASection.tsx
@@ -49,7 +49,7 @@ export function CTASection({ onOpenDemoModal }: CTASectionProps) {
          <div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
            <Button asChild size="lg" className="gap-2 text-base group">
              <a
-                href="https://github.com/your-org/fast-next-template"
+                href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
                target="_blank"
                rel="noopener noreferrer"
              >
@@ -75,7 +75,7 @@ export function CTASection({ onOpenDemoModal }: CTASectionProps) {
            </Button>
            <Button asChild size="lg" variant="ghost" className="gap-2 text-base group">
              <a
-                href="https://github.com/your-org/fast-next-template#documentation"
+                href="https://gitea.pragmazest.com/cardosofelipe/syndarix#documentation"
                target="_blank"
                rel="noopener noreferrer"
              >
--- a/frontend/src/components/home/FeatureGrid.tsx
+++ b/frontend/src/components/home/FeatureGrid.tsx
@@ -44,7 +44,7 @@ const features = [
      '12+ documentation guides covering architecture, design system, testing patterns, deployment, and AI code generation guidelines. Interactive API docs with Swagger and ReDoc',
    highlight: 'Developer-first docs',
    ctaText: 'Browse Docs',
-    ctaHref: 'https://github.com/your-org/fast-next-template#documentation',
+    ctaHref: 'https://gitea.pragmazest.com/cardosofelipe/syndarix#documentation',
  },
  {
    icon: Server,
@@ -53,7 +53,7 @@ const features = [
      'Docker deployment configs, database migrations with Alembic helpers, connection pooling, health checks, monitoring setup, and production security headers',
    highlight: 'Deploy with confidence',
    ctaText: 'Deployment Guide',
-    ctaHref: 'https://github.com/your-org/fast-next-template#deployment',
+    ctaHref: 'https://gitea.pragmazest.com/cardosofelipe/syndarix#deployment',
  },
  {
    icon: Code,
--- a/frontend/src/components/home/Header.tsx
+++ b/frontend/src/components/home/Header.tsx
@@ -48,13 +48,13 @@ export function Header({ onOpenDemoModal }: HeaderProps) {
          >
            <Image
              src="/logo-icon.svg"
-              alt="PragmaStack Logo"
+              alt="Syndarix Logo"
              width={32}
              height={32}
              className="h-8 w-8"
            />
            <span className="bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent">
-              PragmaStack
+              Syndarix
            </span>
          </Link>

@@ -72,7 +72,7 @@ export function Header({ onOpenDemoModal }: HeaderProps) {

            {/* GitHub Link with Star */}
            <a
-              href="https://github.com/your-org/fast-next-template"
+              href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
@@ -135,7 +135,7 @@ export function Header({ onOpenDemoModal }: HeaderProps) {

                {/* GitHub Link */}
                <a
-                  href="https://github.com/your-org/fast-next-template"
+                  href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
                  target="_blank"
                  rel="noopener noreferrer"
                  onClick={() => setMobileMenuOpen(false)}
--- a/frontend/src/components/home/HeroSection.tsx
+++ b/frontend/src/components/home/HeroSection.tsx
@@ -72,7 +72,7 @@ export function HeroSection({ onOpenDemoModal }: HeroSectionProps) {
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.5, delay: 0.2 }}
          >
-            Opinionated, secure, and production-ready. PragmaStack gives you the solid foundation
+            Opinionated, secure, and production-ready. Syndarix gives you the solid foundation
            you need to stop configuring and start shipping.{' '}
            <span className="text-foreground font-medium">Start building features on day one.</span>
          </motion.p>
@@ -93,7 +93,7 @@ export function HeroSection({ onOpenDemoModal }: HeroSectionProps) {
            </Button>
            <Button asChild size="lg" variant="outline" className="gap-2 text-base group">
              <a
-                href="https://github.com/your-org/fast-next-template"
+                href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
                target="_blank"
                rel="noopener noreferrer"
              >
--- a/frontend/src/components/home/PhilosophySection.tsx
+++ b/frontend/src/components/home/PhilosophySection.tsx
@@ -33,7 +33,7 @@ export function PhilosophySection() {
          viewport={{ once: true, margin: '-100px' }}
          transition={{ duration: 0.6 }}
        >
-          <h2 className="text-3xl md:text-4xl font-bold mb-6">Why PragmaStack?</h2>
+          <h2 className="text-3xl md:text-4xl font-bold mb-6">Why Syndarix?</h2>
          <div className="space-y-4 text-lg text-muted-foreground leading-relaxed">
            <p>
              We built this template after rebuilding the same authentication, authorization, and
--- a/frontend/src/components/home/QuickStartCode.tsx
+++ b/frontend/src/components/home/QuickStartCode.tsx
@@ -13,8 +13,8 @@ import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import { Button } from '@/components/ui/button';

 const codeString = `# Clone and start with Docker
-git clone https://github.com/your-org/fast-next-template.git
-cd fast-next-template
+git clone https://gitea.pragmazest.com/cardosofelipe/syndarix.git
+cd syndarix
 docker-compose up

 # Or set up locally
--- a/frontend/src/components/layout/Footer.tsx
+++ b/frontend/src/components/layout/Footer.tsx
@@ -18,12 +18,12 @@ export function Footer() {
          <div className="flex items-center gap-2 text-center text-sm text-muted-foreground md:text-left">
            <Image
              src="/logo-icon.svg"
-              alt="PragmaStack Logo"
+              alt="Syndarix Logo"
              width={20}
              height={20}
              className="h-5 w-5 opacity-70"
            />
-            <span>© {currentYear} PragmaStack. All rights reserved.</span>
+            <span>© {currentYear} Syndarix. All rights reserved.</span>
          </div>
          <div className="flex space-x-6">
            <Link
@@ -33,7 +33,7 @@ export function Footer() {
              Settings
            </Link>
            <a
-              href="https://github.com/cardosofelipe/pragmastack"
+              href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
              target="_blank"
              rel="noopener noreferrer"
              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -86,12 +86,12 @@ export function Header() {
          <Link href="/" className="flex items-center space-x-2">
            <Image
              src="/logo-icon.svg"
-              alt="PragmaStack Logo"
+              alt="Syndarix Logo"
              width={32}
              height={32}
              className="h-8 w-8"
            />
-            <span className="text-xl font-bold text-foreground">PragmaStack</span>
+            <span className="text-xl font-bold text-foreground">Syndarix</span>
          </Link>

          {/* Navigation Links */}
--- a/frontend/src/lib/i18n/metadata.ts
+++ b/frontend/src/lib/i18n/metadata.ts
@@ -13,8 +13,8 @@ export type Locale = 'en' | 'it';
 */
 export const siteConfig = {
  name: {
-    en: 'PragmaStack',
-    it: 'PragmaStack',
+    en: 'Syndarix',
+    it: 'Syndarix',
  },
  description: {
    en: 'Production-ready FastAPI + Next.js full-stack template with authentication, admin panel, and comprehensive testing',