pitfal-solutions-website
一个基于Next.js的摄影与摄像服务公司官网项目
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pitfal-solutions-website。 它的用途是：一个基于Next.js的摄影与摄像服务公司官网项目 完整的 Skill 内容见：https://321skill.com/skills/pitfal-solutions-website/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要参考一个使用Next.js 14和Tailwind CSS构建的现代企业官网项目结构，最好包含AWS部署配置。”，它会引导你查看这个仓库的项目结构、技术栈和部署文档，为你自己的项目提供架构参考。或者，
对AI说：“我想学习如何为Next.js项目配置Playwright进行E2E测试。”，它可以基于此项目的`tests/e2e/`目录和`package.json`中的脚本，为你解释配置方法和测试用例结构。
介绍
这是一个位于美国丹佛的摄影与摄像服务公司Pitfal Solutions的官方网站项目。它旨在为公司提供一个现代化、高性能的线上展示平台，用于展示服务、吸引潜在客户并建立品牌形象。项目采用Next.js 14构建，支持服务端渲染，确保优秀的SEO和加载速度。它集成了完整的开发、测试和部署工具链，包括单元测试、E2E测试、AWS Lambda后端以及通过Terraform管理的基础设施即代码。
使用该项目，开发者可以通过简单的命令快速启动本地开发服务器，利用热重载进行高效开发。项目结构清晰，遵循现代前端最佳实践，便于定制和扩展。无论是修改页面内容、添加新功能还是调整样式，都能在完善的开发环境中进行。
该项目非常适合前端或全栈开发者，尤其是那些需要构建或维护企业级静态/动态网站，并希望实践从开发到部署的全栈工作流的工程师。对于想要学习Next.js、TypeScript、Tailwind CSS以及AWS云服务与Terraform IaC集成的开发者来说，也是一个很好的参考项目。
建议在开始前确保本地环境满足Node.js 20+和pnpm的要求。对于部署部分，需要具备AWS账户和Terraform基础知识。开发时，重点关注src/app目录下的页面路由和组件，并根据需要修改content目录下的静态内容。
核心特点
该项目不仅是一个前端网站，更是一个配备了完整CI/CD、基础设施即代码（Terraform）和多种测试（单元、E2E、Lambda）的全栈项目模板，特别适合需要将静态营销网站与轻量级后端API（AWS Lambda）结合的场景。
注意事项
该项目主要是一个特定公司的官网实现，并非一个通用CMS或可高度配置的网站生成器，不适合需要复杂用户交互或大量动态内容管理的场景。
常见问题
如何快速开始本地开发？
确保安装Node.js 20+和pnpm，然后运行`pnpm install`安装依赖，复制`.env.example`为`.env.local`并配置必要环境变量，最后运行`pnpm dev`即可在localhost:3000访问。
如何部署这个网站？
项目使用Terraform管理AWS基础设施。部署前需配置好AWS CLI，然后在`infrastructure/terraform`目录下运行`terraform init`和`terraform apply`。也可以使用提供的`make deploy`命令进行完整部署。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pitfal-solutions-website/raw/index.md 读取 pitfal-solutions-website 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pitfal-solutions-website/raw/index.md（查看排版版本）