create-nextjs-stack 0.1.1 → 0.1.4

package/templates/web/src/app/api/revalidate/route.ts

@@ -1,95 +1,54 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { revalidateTag, revalidatePath } from 'next/cache';
-import { categoryService } from '@/lib/services/categoryService';
-import { productService } from '@/lib/services/productService';
-import { clientService } from '@/lib/services/clientService';
-import { projectService } from '@/lib/services/projectService';
 
-/**
- * On-demand Revalidation API
- * 
- * Usage:
- * POST /api/revalidate
- * Body: { secret: "your-secret", tag?: "categories|products|clients|projects", path?: "/some-path" }
- * 
- * Example:
- * curl -X POST http://localhost:3000/api/revalidate \
- *   -H "Content-Type: application/json" \
- *   -d '{"secret":"your-secret","tag":"products"}'
- */
 export async function POST(request: NextRequest) {
-  try {
-    const body = await request.json();
-    const { secret, tag, path } = body;
-
-    // Verify secret
-    if (!secret || secret !== process.env.REVALIDATION_SECRET) {
-      return NextResponse.json(
-        { error: 'Invalid or missing secret' },
-        { status: 401 }
-      );
-    }
-
-    const revalidated: string[] = [];
-
-    // Revalidate by tag
-    if (tag) {
-      revalidateTag(tag, 'max');
-      revalidated.push(`tag:${tag}`);
-
-      // Also invalidate memory cache for the corresponding service
-      switch (tag) {
-        case 'categories':
-          categoryService.invalidateCache();
-          break;
-        case 'products':
-          productService.invalidateCache();
-          break;
-        case 'clients':
-          clientService.invalidateCache();
-          break;
-        case 'projects':
-          projectService.invalidateCache();
-          break;
-        default:
-          console.warn(`[Revalidation] Unknown tag: ${tag}`);
-      }
-    }
-
-    // Revalidate by path
-    if (path) {
-      revalidatePath(path);
-      revalidated.push(`path:${path}`);
+    try {
+        const body = await request.json();
+        const { secret, tag, path } = body;
+
+        if (!secret || secret !== process.env.REVALIDATION_SECRET) {
+            return NextResponse.json(
+                { error: 'Invalid or missing secret' },
+                { status: 401 }
+            );
+        }
+
+        const revalidated: string[] = [];
+
+        if (tag) {
+            revalidateTag(tag, 'everything');
+            revalidated.push(`tag:${tag}`);
+        }
+
+        if (path) {
+            revalidatePath(path);
+            revalidated.push(`path:${path}`);
+        }
+
+        if (revalidated.length === 0) {
+            return NextResponse.json(
+                { error: 'No tag or path specified' },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({
+            revalidated: true,
+            items: revalidated,
+            timestamp: new Date().toISOString(),
+        });
+    } catch (error) {
+        console.error('[Revalidation] Error:', error);
+        return NextResponse.json(
+            { error: 'Error revalidating', message: (error as Error).message },
+            { status: 500 }
+        );
     }
-
-    if (revalidated.length === 0) {
-      return NextResponse.json(
-        { error: 'No tag or path specified' },
-        { status: 400 }
-      );
-    }
-
-    return NextResponse.json({
-      revalidated: true,
-      items: revalidated,
-      timestamp: new Date().toISOString(),
-    });
-  } catch (error) {
-    console.error('[Revalidation] Error:', error);
-    return NextResponse.json(
-      {
-        error: 'Error revalidating',
-        message: (error as Error).message,
-      },
-      { status: 500 }
-    );
-  }
 }
 
-// Optional: GET endpoint to check if the API is working
 export async function GET() {
-  return NextResponse.json({
-    message: 'Revalidation API is running',
-    usage: 'POST with { secret, tag?, path? }',
-  });
-}
+    return NextResponse.json({
+        message: 'Revalidation API is running',
+        usage: 'POST with { secret, tag?, path? }',
+    });
+}

package/templates/web/src/app/globals.css

@@ -50,19 +50,7 @@
   --radius-3xl: calc(var(--radius) + 12px);
   --radius-4xl: calc(var(--radius) + 16px);
 
-  /* Z-Index Hierarchy */
-  --z-base: 1;
-  --z-dropdown: 1000;
-  --z-sticky: 1020;
-  --z-fixed: 1030;
-  --z-modal-backdrop: 1040;
-  --z-modal: 1050;
-  --z-popover: 1060;
-  --z-tooltip: 1070;
-  --z-lightbox: 9999;
-  --z-lightbox-controls: 10000;
-
-  /* Z-Index Utilities */
+  /* Z-Index Scale */
   --z-base: 1;
   --z-dropdown: 1000;
   --z-sticky: 1020;

package/templates/web/src/app/layout.tsx

@@ -1,59 +1,17 @@
 import type { Metadata, Viewport } from "next";
 import {
-  Geist,
-  Geist_Mono,
   Inter,
-  Outfit,
-  Raleway,
-  Roboto,
-  Jersey_10,
 } from "next/font/google";
 import "@/app/globals.css";
 import StoreProvider from "@/lib/providers/StoreProvider";
 import { GoogleAnalytics } from "@next/third-parties/google";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 const inter = Inter({
   variable: "--font-inter",
   subsets: ["latin"],
   display: "swap",
 });
 
-const roboto = Roboto({
-  variable: "--font-roboto",
-  subsets: ["latin"],
-  weight: ["100", "300", "400", "500", "700", "900"],
-  display: "swap",
-});
-
-const outfit = Outfit({
-  variable: "--font-outfit",
-  subsets: ["latin"],
-  display: "swap",
-});
-
-const raleway = Raleway({
-  variable: "--font-raleway",
-  subsets: ["latin"],
-  display: "swap",
-});
-
-const jersey10 = Jersey_10({
-  variable: "--font-jersey-10",
-  subsets: ["latin"],
-  weight: "400",
-  display: "swap",
-});
-
 export const viewport: Viewport = {
   themeColor: [
     { media: "(prefers-color-scheme: light)", color: "#ffffff" },
@@ -65,7 +23,7 @@ export const viewport: Viewport = {
 };
 
 export const metadata: Metadata = {
-  metadataBase: new URL("https://create-nextjs-stack.vercel.app"),
+  metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || "http://localhost:3000"),
   title: {
     default: "Next.js Enterprise Starter",
     template: "%s | Next.js Enterprise Starter",
@@ -89,7 +47,7 @@ export const metadata: Metadata = {
     shortcut: "/favicon.png",
   },
   alternates: {
-    canonical: "https://create-nextjs-stack.vercel.app",
+    canonical: process.env.NEXT_PUBLIC_SITE_URL || "http://localhost:3000",
   },
   openGraph: {
     locale: "en_US",
@@ -114,11 +72,11 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} ${inter.variable} ${outfit.variable} ${roboto.variable} ${raleway.variable} ${jersey10.variable} antialiased`}
+        className={`${inter.variable} antialiased`}
       >
         <StoreProvider>
           {children}
-          <GoogleAnalytics gaId="G-XYZ1234567" />
+          {process.env.NEXT_PUBLIC_GA_ID && <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_ID} />}
         </StoreProvider>
       </body>
     </html>

package/templates/web/src/app/robots.ts

@@ -7,6 +7,6 @@ export default function robots(): MetadataRoute.Robots {
             allow: '/',
             disallow: ['/api/', '/_next/'],
         },
-        sitemap: 'https://www.DOMAIN_PLACEHOLDER.com/sitemap.xml',
+        sitemap: `${process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'}/sitemap.xml`,
     };
 }

package/templates/web/src/app/sitemap.ts

@@ -1,43 +1,35 @@
 import { MetadataRoute } from 'next';
-import { projectService } from '@/lib/services/projectService';
-import { productService } from '@/lib/services/productService';
+import { getAdminClient } from '@/lib/supabase/server';
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-    const baseUrl = 'https://www.DOMAIN_PLACEHOLDER.com';
+    const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
 
     // Static pages - CUSTOMIZE THESE ROUTES FOR YOUR PROJECT
     const routes = [
         '',
         '/about',
-        '/products',
-        '/innovation',
-        '/services',
-        '/investors',
-        '/references',
         '/contact',
-        '/impressum',
-        '/datenschutz',
-        '/agb'
     ];
 
-    const sitemap: MetadataRoute.Sitemap = [];
+    const entries: MetadataRoute.Sitemap = routes.map((route) => ({
+        url: `${baseUrl}${route}`,
+        lastModified: new Date(),
+        changeFrequency: route === '' ? 'daily' : 'weekly',
+        priority: route === '' ? 1.0 : route === '/contact' ? 0.9 : 0.8,
+    }));
 
-    // Generate entries for each route
-    routes.forEach((route) => {
-        sitemap.push({
-            url: `${baseUrl}${route}`,
-            lastModified: new Date(),
-            changeFrequency: route === '' ? 'daily' : 'weekly',
-            priority: route === '' ? 1.0 : (route === '/contact' ? 0.9 : 0.8),
-        });
-    });
+    const supabase = await getAdminClient();
 
-    // Dynamic Projects
+    // Dynamic Projects - CUSTOMIZE TABLE AND SLUG FIELD FOR YOUR PROJECT
     try {
-        const projectSlugs = await projectService.getAllSlugs();
-        projectSlugs.forEach((slug) => {
-            sitemap.push({
-                url: `${baseUrl}/references/${slug}`,
+        const { data: projects } = await supabase
+            .from('projects')
+            .select('slug')
+            .eq('published', true);
+
+        projects?.forEach(({ slug }) => {
+            entries.push({
+                url: `${baseUrl}/projects/${slug}`,
                 lastModified: new Date(),
                 changeFrequency: 'weekly',
                 priority: 0.7,
@@ -47,11 +39,15 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
         console.error('[Sitemap] Error fetching project slugs:', error);
     }
 
-    // Dynamic Products
+    // Dynamic Products - CUSTOMIZE TABLE AND SLUG FIELD FOR YOUR PROJECT
     try {
-        const productSlugs = await productService.getAllSlugs();
-        productSlugs.forEach((slug) => {
-            sitemap.push({
+        const { data: products } = await supabase
+            .from('products')
+            .select('slug')
+            .eq('published', true);
+
+        products?.forEach(({ slug }) => {
+            entries.push({
                 url: `${baseUrl}/products/${slug}`,
                 lastModified: new Date(),
                 changeFrequency: 'weekly',
@@ -62,5 +58,5 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
         console.error('[Sitemap] Error fetching product slugs:', error);
     }
 
-    return sitemap;
+    return entries;
 }

package/templates/web/src/lib/seo/metadata.ts

@@ -88,16 +88,16 @@ export function generateOrganizationSchema() {
         url: site.siteUrl,
         logo: `${site.siteUrl}/images/logo.png`,
         description:
-            'Eurodeco Panel Systems GmbH - Innovative Panel-Systeme für Architektur der Zukunft',
+            'Your Company Name - Generic description for your business',
         contactPoint: {
             '@type': 'ContactPoint',
             contactType: 'Sales',
-            availableLanguage: ['German', 'English'],
+            availableLanguage: ['English', 'German'],
         },
         sameAs: [
-            // Sosyal medya linklerinizi buraya ekleyin
-            // 'https://www.linkedin.com/company/eurodeco-panel-systems',
-            // 'https://www.instagram.com/eurodeco',
+            // Add your social media links here
+            // 'https://www.linkedin.com/company/yourcompany',
+            // 'https://www.instagram.com/yourcompany',
         ],
     };
 }

package/templates/web/src/lib/seo/seo.config.ts

@@ -6,42 +6,39 @@ import { SEOConfig } from './seo.types';
  */
 export const seoConfig: SEOConfig = {
     site: {
-        siteName: 'Eurodeco Panel Systems GmbH',
-        siteUrl: 'https://www.eurodecopanel.de',
-        defaultLocale: 'de',
-        locales: ['de', 'en'],
+        siteName: 'Your Company Name',
+        siteUrl: 'https://www.yourdomain.com',
+        defaultLocale: 'en',
+        locales: ['en', 'de'],
         defaultOGImage: '/images/og-default.jpg',
-        twitterHandle: '@eurodecopanel', // Placeholder handle
+        twitterHandle: '@yourhandle', // Placeholder handle
     },
 
     pages: {
         // Home Page SEO
         home: {
-            title: 'Eurodeco Panel Systems GmbH - Innovative Panel-Systeme',
+            title: 'Your Company Name - Catchy Slogan Here',
             description:
-                'Eurodeco Panel Systems GmbH entwickelt und vertreibt moderne Hochleistungs-Paneelsysteme für anspruchsvolle Architektur, Innenausbau und Gewerbeprojekte.',
+                'Your company description goes here. Explain what you do, who you serve, and why you are the best choice for your customers.',
             keywords: [
-                'Eurodeco',
-                'Panel-Systeme',
-                'Wandpaneele',
-                'Deckenpaneele',
-                'Brandschutz',
-                'Leichtbau',
-                'Architektur',
-                'Gewerbeprojekte',
+                'Keyword 1',
+                'Keyword 2',
+                'Keyword 3',
+                'Keyword 4',
+                'Keyword 5',
             ],
             openGraph: {
-                title: 'Eurodeco Panel Systems GmbH - Innovative Panel-Systeme',
+                title: 'Your Company Name - Catchy Slogan Here',
                 description:
-                    'Entwickelt und vertreibt moderne Hochleistungs-Paneelsysteme für anspruchsvolle Architektur.',
+                    'Your short company description for social media sharing goes here.',
                 images: ['/images/og-home.jpg'],
                 type: 'website',
             },
             twitter: {
                 card: 'summary_large_image',
-                title: 'Eurodeco Panel Systems GmbH - Innovative Panel-Systeme',
+                title: 'Your Company Name - Catchy Slogan Here',
                 description:
-                    'Entwickelt und vertreibt moderne Hochleistungs-Paneelsysteme für anspruchsvolle Architektur.',
+                    'Your short company description for Twitter sharing goes here.',
                 images: ['/images/twitter-home.jpg'],
             },
             robots: {
@@ -56,22 +53,21 @@ export const seoConfig: SEOConfig = {
 
         // About Page SEO
         about: {
-            title: 'Über Uns - Eurodeco Panel Systems GmbH',
+            title: 'About Us - Your Company Name',
             description:
-                'Erfahren Sie mehr über Eurodeco Panel Systems GmbH, unsere Mission, Vision und Technologie für moderne Paneelsysteme.',
+                'Learn more about Your Company Name, our mission, vision, and the technology behind our products and services.',
             keywords: [
-                'Über Eurodeco',
-                'Mission',
-                'Vision',
-                'Technologie',
-                'Paneelsysteme',
-                'Unternehmensprofil',
+                'About Us',
+                'Company Mission',
+                'Company Vision',
+                'Our Technology',
+                'Company Profile',
             ],
-            canonical: 'https://www.eurodecopanel.de/about',
+            canonical: 'https://www.yourdomain.com/about',
             openGraph: {
-                title: 'Über Uns - Eurodeco Panel Systems GmbH',
+                title: 'About Us - Your Company Name',
                 description:
-                    'Erfahren Sie mehr über Eurodeco Panel Systems GmbH und unsere innovativen Lösungen.',
+                    'Learn more about Your Company Name and our innovative solutions.',
                 images: ['/images/og-about.jpg'],
                 type: 'website',
             },
@@ -83,21 +79,21 @@ export const seoConfig: SEOConfig = {
 
         // Works/Projects Page SEO
         works: {
-            title: 'Referenzen - Eurodeco Panel Systems GmbH',
+            title: 'Our Work - Your Company Name',
             description:
-                'Entdecken Sie unsere erfolgreichen Projekte und Referenzen in den Bereichen Gewerbe, Büro, Hotel und öffentliche Gebäude.',
+                'Discover our successful projects and references across various industries and domains.',
             keywords: [
-                'Referenzen',
-                'Projekte',
-                'Eurodeco Projekte',
-                'Architektur Referenzen',
-                'Bauprojekte',
+                'References',
+                'Projects',
+                'Our Work',
+                'Portfolio',
+                'Case Studies',
             ],
-            canonical: 'https://www.eurodecopanel.de/references',
+            canonical: 'https://www.yourdomain.com/references',
             openGraph: {
-                title: 'Referenzen - Eurodeco Panel Systems GmbH',
+                title: 'Our Work - Your Company Name',
                 description:
-                    'Entdecken Sie unsere erfolgreichen Projekte und Referenzen.',
+                    'Discover our successful projects and references.',
                 images: ['/images/og-works.jpg'],
                 type: 'website',
             },
@@ -109,20 +105,20 @@ export const seoConfig: SEOConfig = {
 
         // Blog Page SEO (Keeping structurally but updating content generic/german if needed, or removing if not in list. Task.md didn't ask to remove, just update config. I'll translate to German generic).
         blog: {
-            title: 'Aktuelles - Eurodeco Panel Systems GmbH',
+            title: 'Blog - Your Company Name',
             description:
-                'Neuigkeiten und Trends zu Paneelsystemen, Architektur und Innovationen von Eurodeco.',
+                'News, trends, and insights about our industry and innovations from Your Company Name.',
             keywords: [
-                'Eurodeco News',
-                'Architektur Trends',
-                'Paneel Innovationen',
-                'Baubranche',
+                'Company News',
+                'Industry Trends',
+                'Innovations',
+                'Blog',
             ],
-            canonical: 'https://www.eurodecopanel.de/blog',
+            canonical: 'https://www.yourdomain.com/blog',
             openGraph: {
-                title: 'Aktuelles - Eurodeco Panel Systems GmbH',
+                title: 'Blog - Your Company Name',
                 description:
-                    'Neuigkeiten und Trends zu Paneelsystemen und Architektur.',
+                    'News, trends, and insights about our industry and architecture.',
                 images: ['/images/og-blog.jpg'],
                 type: 'website',
             },
@@ -134,21 +130,21 @@ export const seoConfig: SEOConfig = {
 
         // Contact Page SEO
         contact: {
-            title: 'Kontakt - Eurodeco Panel Systems GmbH',
+            title: 'Contact - Your Company Name',
             description:
-                'Kontaktieren Sie Eurodeco Panel Systems GmbH für Ihr nächstes Architektur- oder Bauprojekt. Wir freuen uns auf den Austausch.',
+                'Contact Your Company Name for your next project. We look forward to hearing from you.',
             keywords: [
-                'Kontakt Eurodeco',
-                'Anfrage',
-                'Projekt starten',
-                'Eurodeco Adresse',
-                'Eurodeco Email',
+                'Contact Us',
+                'Inquiry',
+                'Start Project',
+                'Company Address',
+                'Company Email',
             ],
-            canonical: 'https://www.eurodecopanel.de/contact',
+            canonical: 'https://www.yourdomain.com/contact',
             openGraph: {
-                title: 'Kontakt - Eurodeco Panel Systems GmbH',
+                title: 'Contact - Your Company Name',
                 description:
-                    'Kontaktieren Sie uns für Ihr nächstes Projekt.',
+                    'Contact us for your next project.',
                 images: ['/images/og-contact.jpg'],
                 type: 'website',
             },

package/templates/web/src/lib/seo/seo.types.ts

@@ -66,11 +66,5 @@ export interface SiteSEOConfig {
  */
 export interface SEOConfig {
     site: SiteSEOConfig;
-    pages: {
-        home: PageSEOConfig;
-        about: PageSEOConfig;
-        works: PageSEOConfig;
-        blog: PageSEOConfig;
-        contact: PageSEOConfig;
-    };
+    pages: Record<string, PageSEOConfig>;
 }

package/templates/web/src/lib/services/categories.service.ts

@@ -1,10 +1,10 @@
-import { getServerClient } from "@/lib/supabase/server";
+import { getAdminClient } from "@/lib/supabase/server";
 
 export class CategoryService {
   private static table = "categories";
 
   static async getAll() {
-    const supabase = await getServerClient();
+    const supabase = await getAdminClient();
     const { data, error } = await supabase
       .from(this.table)
       .select("*")
@@ -20,7 +20,7 @@ export class CategoryService {
   }
 
   static async getBySlug(slug: string) {
-    const supabase = await getServerClient();
+    const supabase = await getAdminClient();
     const { data, error } = await supabase
       .from(this.table)
       .select("*")

package/templates/web/src/lib/services/clients.service.ts

@@ -1,10 +1,10 @@
-import { getServerClient } from "@/lib/supabase/server";
+import { getAdminClient } from "@/lib/supabase/server";
 
 export class ClientService {
   private static table = "clients";
 
   static async getAll() {
-    const supabase = await getServerClient();
+    const supabase = await getAdminClient();
     const { data, error } = await supabase
       .from(this.table)
       .select("*")

package/templates/web/src/lib/services/products.service.ts

@@ -1,10 +1,10 @@
-import { getServerClient } from "@/lib/supabase/server";
+import { getAdminClient } from "@/lib/supabase/server";
 
 export class ProductService {
   private static table = "products";
 
   static async getAll() {
-    const supabase = await getServerClient();
+    const supabase = await getAdminClient();
     const { data, error } = await supabase
       .from(this.table)
       .select("*, categories(title, slug)")
@@ -20,7 +20,7 @@ export class ProductService {
   }
 
   static async getBySlug(slug: string) {
-    const supabase = await getServerClient();
+    const supabase = await getAdminClient();
     const { data, error } = await supabase
       .from(this.table)
       .select("*, categories(title, slug)")