✨ 免费的Next.js SaaS创业公司营销网站模板 ✨
这里包含了为您的创业公司打造出色的落地页/营销网站所需的一切。开箱即用的优秀SEO指标、绿色WebVitals、🚀 高性能、清晰实用的代码库。
查看演示
.
报告问题
.
请求功能
由Blazity倾心打造
Blazity是一群Next.js/Jamstack/Headless专家。如果您想讨论您的项目或只是想与我们聊天,请通过contact@blazity.com联系我们
目录
特性
- ⚡ Next.js - 用于静态渲染的React框架
- 最佳SEO设置 - Meta标签、JSON-LD和Open Graph标签
- Tina CMS集成 - 本地和(可选的)生产环境CMS
- 针对Web Vitals优化
- 使用MDX的博客
- Mailchimp集成 - 用于通讯
- Sendgrid集成 - 用于发送电子邮件
- 深色模式 - 以及可自定义的主题!
- 无UI库 - 仅使用styled components,因此您无需学习任何新语法
- 一键部署 - 使用Vercel或任何其他无服务器部署环境
- Eslint - 使用Next.js推荐的设置和imports排序规则
- Prettier
🤓 开始使用
- 点击
使用此模板
或此链接 - 设置您的sendgrid API密钥并将其添加到环境变量中(
SENDGRID_API_KEY
-.env.local
) - 根据您的需求调整模板(并查看
env.ts
文件) - 在Vercel上部署项目 不要忘记添加环境变量
- (可选) 创建Tina Cloud账户,创建项目并用适当的值填写这些
NEXT_PUBLIC_ORGANIZATION_NAME
,NEXT_PUBLIC_TINA_CLIENT_ID
环境变量Tina的Content API直接与GitHub进行身份验证,无需用户创建GitHub账户。通过仪表板授予访问权限,允许用户直接通过您的网站登录并开始编辑!您的编辑者保存的任何更改都将提交到GitHub存储库中配置的分支。
- 更多详情请参阅文档
# 运行开发模式
$ yarn dev
# 运行生产模式
yarn start
# 构建应用
yarn build
提示:要编辑博客页面,请转到/admin并导航到要编辑的博客页面。要退出编辑模式,请导航到/admin/logout
🚀 一键部署
克隆仓库并一键部署到Vercel,完全免费!
🧰 使用的技术
- 使用Next.js生成静态页面
- Styled components
- MDX
- TypeScript
🤲🏻 贡献
贡献是使开源社区成为一个令人惊叹的学习、激励和创造的地方的原因。我们非常感谢您做出的任何贡献。
- 如果您有关于添加或删除项目的建议,欢迎提出问题进行讨论,或者在编辑_README.md_文件后直接创建拉取请求。
- 为每个建议创建单独的拉取请求。
创建拉取请求
- 复刻项目
- 创建您的功能分支(
git checkout -b feature/AmazingFeature
) - 提交您的更改(
git commit -m '添加一些令人惊叹的功能'
) - 推送到分支(
git push origin feature/AmazingFeature
) - 打开拉取请求
😎 致谢
非常感谢这些库的作者:
- https://github.com/neg4n/next-api-og-image - 生成开放图形图像
- https://github.com/blazity/nextjs-color-mode - 无闪烁的暗色模式
- https://github.com/Brew-Brew/css-in-js-media - 创建媒体查询的便捷方式
支持
如果您需要帮助或只是想分享对项目的想法,我们鼓励您加入我们的Discord社区。这是链接:https://blazity.com/discord。这是一个交流想法和互相帮助的空间。我们欢迎每个人的意见,期待您的加入。
✨ 贡献者
感谢这些优秀的人(emoji key):
本项目遵循all-contributors规范。欢迎任何形式的贡献!
📝 许可证
根据MIT许可证分发。有关更多信息,请参阅LICENSE。