Skip to main content

vercel 纯动态网页的 prompt:请帮我创建一个单JS文件的Vercel Web应用工程，要求如下：

  1. vercel 纯动态网页的 prompt:
    请帮我创建一个单JS文件的Vercel Web应用工程，要求如下：

🎯 **核心架构要求**：

- 使用纯动态网页架构，HTML内容通过JS模板字符串动态生成
- 所有逻辑写在单个JS文件中，不拆分多个文件
- 同时提供网页访问和RESTful API接口功能
- 采用现代ES6+语法，支持async/await
- 响应式设计，支持移动端访问

📋 **具体功能需求**：

* 实现一个北京时间的实时时钟，精确到秒。
* 前端展示方面，时间要大一点，因为后面要放在公共大屏展示。
* 并且提供api接口/json来返回相关时间数据，包含年月日时分秒
* 前端展示的时间应该使用vercel的后短时间，方式用户浏览器时间不准

⚙️ **技术规范**：

- 单一入口文件处理所有路由（网页、API、静态资源等）
- 使用 `req.url` 和 `req.method` 进行路由判断
- HTML使用 Tailwind CSS 或现代CSS，默认暗色模式
- 代码注释清晰，便于理解和维护
- 考虑性能优化和用户体验

📁 **部署配置**：

- 主要部署平台：Vercel Serverless Functions
- 文件结构：`package.json` + `vercel.json` + `api/index.js`
- 兼容 Vercel 的请求/响应对象规范
- 可以使用vercel.json的rewrite，不要用redirect和route.

📦 **输出要求**：

1. **项目结构**：完整的文件目录和配置
2. **核心代码**：单文件实现，包含路由、业务逻辑、UI渲染
3. **配置文件**：package.json、vercel.json等部署配置

**质量标准**：

- 代码具备良好的可读性和可维护性
- UI设计现代美观，避免纯文本展示
- 性能优化：缓存策略、响应压缩等

    #programming #prompt