import { useState } from 'react'; import { useTranslation } from 'next-i18next'; import { useAuth } from '@/providers/AuthProvider'; import { AIImageGenerator } from '@/components'; export default function HomePage() { const { t } = useTranslation(); const { user } = useAuth(); return ( <div className="container"> <h1>{ t('welcome', { name: user?.name }) }</h1> <AIImageGenerator /> </div> ); }
为极速开发打造的完整功能套件
我们的模板涵盖了现代 SaaS 应用所需的所有核心功能，让你可以专注于业务逻辑的开发。
登录认证系统
集成 Supabase 的认证系统，支持 Google 登录、Github 登录和邮箱验证等多种登录方式。
支付系统
集成 Stripe 支付，支持一次性支付和订阅模式，轻松应对 SaaS 产品不同定价策略。
AI 能力
整合 AI SDK，快速实现 AI 对话和图像生成功能，0基础开发 AI 工具不是梦。
内容管理（CMS）
内置 CMS 系统，轻松管理博客和文档，支持 Markdown 格式，还有精美的 Markdown 主题为你的网站加分。
文件存储
支持文件存储功能，快速完成图片、视频、音频等文件的上传、管理等操作。
多语言支持
内置 i18n 国际化支持，轻松添加多种语言，扩展全球市场，提高产品的国际可访问性。
邮件订阅
集成 Resend 邮箱功能，轻松实现邮件订阅和邮件发送功能。
分析与广告
支持 Google Analytics、Plausible 等多种分析工具，以及 AdSense 广告系统，轻松实现网站变现。
SEO优化
做到 SEO 最佳实践，包括元标签、结构化数据、网站地图和 OpenGraph 标签，提升搜索引擎排名。
由流行技术栈驱动
精心选择的最新技术组合，确保你的产品稳定、可扩展且易于维护
Next.js
React 全栈框架
TypeScript
类型安全保障
Tailwind CSS
高效样式设计
Shadcn/ui
可定制UI组件
Supabase
PostgreSQL + 认证
Upstash Redis
边缘缓存服务
Cloudflare
CDN与网络服务
Vercel
一键部署
AI SDK
AI 应用开发
Replicate
多模型 AI 接口
Resend
开发者邮件 API
Stripe
安全支付处理
前端框架
基于 Next.js 与 React 构建的现代化响应式界面
Next.jsTypeScriptTailwind CSSShadcn/ui后端与数据库
安全可靠的数据存储和用户认证系统
SupabaseUpstash RedisCloudflareVercelAI & 集成服务
AI 功能和第三方服务集成
AI SDKReplicateResendStripe一套模板，多场景应用
Nexty 适用于开发不同场景的网站，从内容站到 AI 工具，从免费服务到付费订阅，都可快速开发上线。
品牌落地页
轻松创建引人注目的品牌页面，展示产品和服务，提升品牌形象。利用我们的模板，快速构建响应式和优化的落地页，吸引访客并转化为潜在客户，助力品牌成功推广。
AdSense 内容站
快速搭建 SEO 友好的内容网站，集成 AdSense 实现被动收入。内置 CMS 系统和多语言支持，轻松管理大量内容。
免费工具站
轻松构建用户友好的工具平台，提供高效的使用体验。借助我们的模板，你可以快速上线兼顾页面体验和 SEO 的工具站，吸引用户并提升流量。
付费AI工具站
快速构建高效、功能强大的 AI 应用，提供优质的用户体验和流畅的支付流程。利用我们的模板，轻松实现订阅模式，吸引用户并提升收益，助力你的 AI 项目成功上线。
为什么选择 Nexty？
无论你是开发者还是产品经理，Nexty 都能为你节省大量时间和资源。
开发者的最佳选择
- 大幅节省基础架构开发时间，让你专注于核心功能开发
- 结构清晰的代码，遵循行业最佳实践，便于后续扩展
- 完整的 TypeScript 类型定义，降低出错率，提升开发效率
- 详尽的文档与示例，助你快速上手，避免常见问题
产品经理的得力助手
- 缩短产品上市周期，迅速验证你的创意
- 集成数据分析工具，深入了解用户行为，优化产品策略
- 优秀的代码结构，即使没有编程经验，也能借助AI轻松添加新功能。
- 良好的 SEO 和性能优化，提高用户获取效率
我们的客户快速上线了 AI 工具、SaaS 产品
了解开发者和产品经理的真实反馈，看他们如何使用 Nexty 加速项目开发进程。
Nexty helped us launch our AI content generator in just 1 day. The authentication, payment integration, and AI capabilities were ready out of the box, saving us at least 2 weeks of development time.
Michael Chen, Indie Maker
As a product manager with limited technical resources, Nexty was a game-changer. We built and launched our analytics dashboard with subscription tiers in 3 days instead of 4 weeks. The documentation is exceptional.
Sarah Johnson, CTO
我们团队使用 Nexty 开发了一个订阅制 AI 工具 SaaS 平台，第一个版本的开发仅用了 1天时间。内置的多语言支持和 SEO 友好的页面结构帮助我们迅速获得用户认可，投资回报率超出预期。
Kang, Product Manager
常见问题解答
以下是开发者和产品经理最常问的问题
我需要具备什么技术知识才能使用这个模板？
Nexty 是 AI 友好的模板，如果你没有编程基础，那么可以使用 AI 辅助编程，为你实现需求；如果你具备基本的 React 和 Next.js 知识，那么你将更加得心应手。除此之外，我们提供详细的文档和示例，优先阅读文档将对你有所帮助。
购买后是否提供技术支持？
是的，所有版本都提供技术支持。Pro 版提供 24 小时邮件支持，定制版提供专人一对一支持。
模板是否包含页面中提到的所有功能？
是的，所有提到的功能都已包含在模板中，并且可以正常工作。如果你有新的需求希望添加，可以联系我们，我们将在认真考虑
模板是否支持周期订阅功能？
可以，Nexty 模板支持周期订阅功能，你可以根据你的需求修改组件，并设置订阅价格。
模板是否支持多语言？
可以，Nexty 模板支持多语言功能，并且默认提供English、中文、日本语三种语言，你可以根据需求添加更多语言。
我要如何管理定价卡片？
这是 Nexty 的一个重要卖点，你可以在 Dashboard 中管理定价卡片，包括添加、编辑和删除定价卡片，并且支持 AI 多语言翻译，这样就无需进行繁琐的多语言文件配置。
有哪些AI功能已经内置在模板中？
模板内置了 AI 图像生成和 AI 文本对话功能，可与主流 AI 提供商的 API 集成，如OpenAI、Claude、Gemini、Grok & DeepSeek 等等，让你轻松构建AI驱动的应用。