|
|
export interface Template { |
|
|
id: string |
|
|
name: string |
|
|
tagline: string |
|
|
description: string |
|
|
icon: string |
|
|
port: number |
|
|
primaryColor: string |
|
|
secondaryColor: string |
|
|
|
|
|
features: string[] |
|
|
tech: string[] |
|
|
category: 'development' | 'business' | 'creative' | 'analytics' | 'content' |
|
|
popularity: number |
|
|
status: 'stable' | 'beta' | 'new' |
|
|
demoUrl?: string |
|
|
githubUrl?: string |
|
|
price?: string |
|
|
rating: number |
|
|
featured?: boolean |
|
|
installCmd: string |
|
|
updatedAt: string |
|
|
pricing: 'Free' | 'Pro' | 'Enterprise' |
|
|
downloadable?: boolean |
|
|
templatePath?: string |
|
|
deployUrls?: { |
|
|
vercel?: string |
|
|
netlify?: string |
|
|
railway?: string |
|
|
render?: string |
|
|
} |
|
|
} |
|
|
|
|
|
export const templates: Template[] = [ |
|
|
{ |
|
|
id: 'devforge', |
|
|
name: 'DevForge', |
|
|
tagline: 'Code Smarter, Ship Faster', |
|
|
description: 'Professional developer tools platform with AI-powered features', |
|
|
icon: '🛠️', |
|
|
port: 3001, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'AI-Powered Code Generation', |
|
|
'Real-time Collaboration', |
|
|
'Built-in Testing Framework', |
|
|
'CI/CD Integration', |
|
|
'Code Review Tools', |
|
|
'Performance Monitoring' |
|
|
], |
|
|
tech: ['Next.js', 'TypeScript', 'Tailwind', 'Prisma', 'tRPC'], |
|
|
category: 'development', |
|
|
popularity: 95, |
|
|
status: 'stable', |
|
|
price: 'Free', |
|
|
rating: 100, |
|
|
featured: true, |
|
|
installCmd: 'npx create-hanzo-app --template devforge', |
|
|
updatedAt: '2 days ago', |
|
|
pricing: 'Free', |
|
|
downloadable: true, |
|
|
templatePath: 'devtool', |
|
|
githubUrl: 'https://github.com/hanzoai/template-devforge', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-devforge', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-devforge', |
|
|
railway: 'https://railway.app/new/template?template=https://github.com/hanzoai/template-devforge' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'mobilefirst', |
|
|
name: 'MobileFirst', |
|
|
tagline: 'Build Native Apps Without Code', |
|
|
description: 'Visual mobile app builder with cross-platform deployment', |
|
|
icon: '📱', |
|
|
port: 3002, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Drag & Drop Builder', |
|
|
'Cross-Platform Export', |
|
|
'Push Notifications', |
|
|
'App Store Deploy', |
|
|
'Analytics Dashboard' |
|
|
], |
|
|
tech: ['React Native', 'Expo', 'TypeScript', 'Firebase'], |
|
|
category: 'development', |
|
|
popularity: 88, |
|
|
status: 'new', |
|
|
price: '$29/mo', |
|
|
rating: 95, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template mobile', |
|
|
updatedAt: 'Today', |
|
|
pricing: 'Pro', |
|
|
downloadable: true, |
|
|
templatePath: 'mobile', |
|
|
githubUrl: 'https://github.com/hanzoai/template-mobile', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-mobile', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-mobile' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'saasify', |
|
|
name: 'SaaSify', |
|
|
tagline: 'Launch Your SaaS in Days', |
|
|
description: 'Complete SaaS boilerplate with authentication, billing, and admin', |
|
|
icon: '☁️', |
|
|
port: 3003, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Authentication & SSO', |
|
|
'Stripe Billing', |
|
|
'Admin Dashboard', |
|
|
'Email Templates', |
|
|
'API Documentation' |
|
|
], |
|
|
tech: ['Next.js', 'Supabase', 'Stripe', 'Resend', 'Shadcn'], |
|
|
category: 'business', |
|
|
popularity: 92, |
|
|
status: 'stable', |
|
|
price: '$99', |
|
|
rating: 98, |
|
|
featured: true, |
|
|
installCmd: 'npx create-hanzo-app --template saas', |
|
|
updatedAt: '1 week ago', |
|
|
pricing: 'Pro', |
|
|
downloadable: true, |
|
|
templatePath: 'saas', |
|
|
githubUrl: 'https://github.com/hanzoai/template-saas', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-saas', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-saas', |
|
|
railway: 'https://railway.app/new/template?template=https://github.com/hanzoai/template-saas', |
|
|
render: 'https://render.com/deploy?repo=https://github.com/hanzoai/template-saas' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'startupkit', |
|
|
name: 'StartupKit', |
|
|
tagline: 'Everything You Need to Launch', |
|
|
description: 'Comprehensive toolkit for startup founders and teams', |
|
|
icon: '🚀', |
|
|
port: 3004, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Landing Pages', |
|
|
'Investor Dashboards', |
|
|
'Team Workspace', |
|
|
'Legal Templates', |
|
|
'Growth Analytics' |
|
|
], |
|
|
tech: ['Next.js', 'PostgreSQL', 'Redis', 'Chart.js'], |
|
|
category: 'business', |
|
|
popularity: 79, |
|
|
status: 'beta', |
|
|
price: '$49/mo', |
|
|
rating: 92, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template startup', |
|
|
updatedAt: '3 days ago', |
|
|
pricing: 'Pro', |
|
|
downloadable: true, |
|
|
templatePath: 'startup', |
|
|
githubUrl: 'https://github.com/hanzoai/template-startup', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-startup', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-startup' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'analyticsdash', |
|
|
name: 'AnalyticsDash', |
|
|
tagline: 'Data That Drives Decisions', |
|
|
description: 'Real-time analytics dashboard with custom metrics and reports', |
|
|
icon: '📊', |
|
|
port: 3005, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Real-time Data', |
|
|
'Custom Dashboards', |
|
|
'Data Visualization', |
|
|
'Report Builder', |
|
|
'API Access', |
|
|
'Team Sharing' |
|
|
], |
|
|
tech: ['Next.js', 'D3.js', 'ClickHouse', 'WebSockets'], |
|
|
category: 'analytics', |
|
|
popularity: 85, |
|
|
status: 'stable', |
|
|
price: '$79/mo', |
|
|
rating: 96, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template analytics', |
|
|
updatedAt: '1 day ago', |
|
|
pricing: 'Enterprise', |
|
|
downloadable: true, |
|
|
templatePath: 'analytics', |
|
|
githubUrl: 'https://github.com/hanzoai/template-analytics', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-analytics', |
|
|
railway: 'https://railway.app/new/template?template=https://github.com/hanzoai/template-analytics' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'blog', |
|
|
name: 'Hanzo Blog', |
|
|
tagline: 'Modern Content Platform', |
|
|
description: 'Professional blog with MDX support and content management', |
|
|
icon: '📝', |
|
|
port: 3006, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'MDX Support', |
|
|
'SEO Optimized', |
|
|
'Comment System', |
|
|
'RSS Feed', |
|
|
'Dark Mode' |
|
|
], |
|
|
tech: ['Next.js', 'MDX', 'Fumadocs', 'Tailwind'], |
|
|
category: 'content', |
|
|
popularity: 90, |
|
|
status: 'stable', |
|
|
price: 'Free', |
|
|
rating: 94, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template blog', |
|
|
updatedAt: '5 days ago', |
|
|
pricing: 'Free', |
|
|
downloadable: true, |
|
|
templatePath: 'blog', |
|
|
githubUrl: 'https://github.com/hanzoai/template-blog', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-blog', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-blog' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'changelog', |
|
|
name: 'Hanzo Changelog', |
|
|
tagline: 'Product Updates & Releases', |
|
|
description: 'Keep users informed with beautiful changelogs', |
|
|
icon: '📋', |
|
|
port: 3007, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Version Control', |
|
|
'RSS Feed', |
|
|
'Search & Filter', |
|
|
'Markdown Support' |
|
|
], |
|
|
tech: ['Next.js', 'MDX', 'Fumadocs', 'Resend'], |
|
|
category: 'content', |
|
|
popularity: 75, |
|
|
status: 'stable', |
|
|
price: 'Free', |
|
|
rating: 91, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template changelog', |
|
|
updatedAt: '1 week ago', |
|
|
pricing: 'Free', |
|
|
downloadable: true, |
|
|
templatePath: 'changelog', |
|
|
githubUrl: 'https://github.com/hanzoai/template-changelog', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-changelog', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-changelog' |
|
|
} |
|
|
}, |
|
|
{ |
|
|
id: 'ai-chat', |
|
|
name: 'AI Chat', |
|
|
tagline: 'Universal AI Chat Interface', |
|
|
description: 'Multi-provider chat platform with MCP tools and 100+ LLM models', |
|
|
icon: '🤖', |
|
|
port: 3009, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Model Context Protocol', |
|
|
'100+ LLM Providers', |
|
|
'Real-time Streaming', |
|
|
'Code Execution', |
|
|
'Multi-Modal Support', |
|
|
'Team Collaboration' |
|
|
], |
|
|
tech: ['Next.js', 'LibreChat', 'MCP', 'WebSockets', 'PostgreSQL'], |
|
|
category: 'development', |
|
|
popularity: 98, |
|
|
status: 'new', |
|
|
price: 'Free', |
|
|
rating: 99, |
|
|
featured: true, |
|
|
installCmd: 'npx create-hanzo-app --template ai-chat', |
|
|
updatedAt: 'Today', |
|
|
pricing: 'Free' |
|
|
}, |
|
|
{ |
|
|
id: 'search-interface', |
|
|
name: 'Search Interface', |
|
|
tagline: 'AI-Powered Search Platform', |
|
|
description: 'Next-generation search with generative UI and real-time answers', |
|
|
icon: '🔍', |
|
|
port: 3010, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'AI Understanding', |
|
|
'Generative UI', |
|
|
'Multi-Source Search', |
|
|
'Real-time Results', |
|
|
'Smart Filters', |
|
|
'Search Analytics' |
|
|
], |
|
|
tech: ['Next.js', 'Supabase', 'Vector DB', 'AI Models', 'Edge Functions'], |
|
|
category: 'development', |
|
|
popularity: 93, |
|
|
status: 'new', |
|
|
price: '$49/mo', |
|
|
rating: 97, |
|
|
featured: true, |
|
|
installCmd: 'npx create-hanzo-app --template search', |
|
|
updatedAt: 'Today', |
|
|
pricing: 'Pro' |
|
|
}, |
|
|
{ |
|
|
id: 'ecommerce-dash', |
|
|
name: 'E-Commerce Dashboard', |
|
|
tagline: 'Complete Store Management', |
|
|
description: 'Professional e-commerce admin dashboard with analytics and inventory', |
|
|
icon: '🛍️', |
|
|
port: 3011, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Sales Analytics', |
|
|
'Inventory Management', |
|
|
'Customer Insights', |
|
|
'Order Processing', |
|
|
'Marketing Tools', |
|
|
'Real-time Metrics' |
|
|
], |
|
|
tech: ['Next.js', 'PostgreSQL', 'Stripe', 'Chart.js', 'Redis'], |
|
|
category: 'business', |
|
|
popularity: 91, |
|
|
status: 'new', |
|
|
price: '$79/mo', |
|
|
rating: 96, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template ecommerce', |
|
|
updatedAt: 'Today', |
|
|
pricing: 'Pro' |
|
|
}, |
|
|
{ |
|
|
id: 'api-docs', |
|
|
name: 'API Documentation', |
|
|
tagline: 'Developer-First API Docs', |
|
|
description: 'Interactive API documentation with testing playground and SDKs', |
|
|
icon: '📚', |
|
|
port: 3012, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Interactive Examples', |
|
|
'Multiple SDKs', |
|
|
'API Playground', |
|
|
'OpenAPI Spec', |
|
|
'Versioning', |
|
|
'Webhooks' |
|
|
], |
|
|
tech: ['Next.js', 'MDX', 'OpenAPI', 'Swagger', 'Fumadocs'], |
|
|
category: 'development', |
|
|
popularity: 87, |
|
|
status: 'stable', |
|
|
price: 'Free', |
|
|
rating: 95, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template api-docs', |
|
|
updatedAt: 'Today', |
|
|
pricing: 'Free' |
|
|
}, |
|
|
{ |
|
|
id: 'portfolio', |
|
|
name: 'Hanzo Portfolio', |
|
|
tagline: 'Showcase Your Work', |
|
|
description: 'Personal portfolio for developers and designers', |
|
|
icon: '👤', |
|
|
port: 3008, |
|
|
primaryColor: '#ffffff', |
|
|
secondaryColor: '#9ca3af', |
|
|
features: [ |
|
|
'Project Gallery', |
|
|
'About Section', |
|
|
'Contact Form', |
|
|
'Social Links', |
|
|
'Analytics' |
|
|
], |
|
|
tech: ['Next.js', 'Framer Motion', 'MDX', 'Tailwind'], |
|
|
category: 'creative', |
|
|
popularity: 82, |
|
|
status: 'stable', |
|
|
price: 'Free', |
|
|
rating: 97, |
|
|
featured: false, |
|
|
installCmd: 'npx create-hanzo-app --template portfolio', |
|
|
updatedAt: '4 days ago', |
|
|
pricing: 'Free', |
|
|
downloadable: true, |
|
|
templatePath: 'portfolio', |
|
|
githubUrl: 'https://github.com/hanzoai/template-portfolio', |
|
|
deployUrls: { |
|
|
vercel: 'https://vercel.com/new/clone?repository-url=https://github.com/hanzoai/template-portfolio', |
|
|
netlify: 'https://app.netlify.com/start/deploy?repository=https://github.com/hanzoai/template-portfolio' |
|
|
} |
|
|
} |
|
|
] |
|
|
|
|
|
export const categories = [ |
|
|
{ id: 'all', name: 'All Templates', icon: '🎯' }, |
|
|
{ id: 'development', name: 'Development', icon: '💻' }, |
|
|
{ id: 'business', name: 'Business', icon: '💼' }, |
|
|
{ id: 'analytics', name: 'Analytics', icon: '📈' }, |
|
|
{ id: 'content', name: 'Content', icon: '📄' }, |
|
|
{ id: 'creative', name: 'Creative', icon: '🎨' }, |
|
|
] |
