next-saas-starter

<a href="https://github.com/Blazity/next-saas-starter" > <img src="https://i.imgur.com/jmc2Q1w.png" alt="Logo" width="49%"> </a> <a href="https://github.com/Blazity/next-saas-starter"> <img src="https://i.imgur.com/CxkjHhi.png" alt="Logo" width="49%"> </a> <h3 align="center">✨ 免费的Next.js SaaS创业公司营销网站模板 ✨</h3> 这里包含了为您的创业公司打造出色的落地页/营销网站所需的一切。开箱即用的优秀SEO指标、绿色WebVitals、🚀 高性能、清晰实用的代码库。 <a href="https://next-saas-starter-ashy.vercel.app/">查看演示</a> . <a href="https://github.com/Blazity/next-saas-starter/issues">报告问题</a> . <a href="https://github.com/Blazity/next-saas-starter/issues">请求功能</a> <div align="center">

贡献者许可证

</div> 由Blazity倾心打造 <a href="https://blazity.com/">Blazity</a>是一群Next.js/Jamstack/Headless专家。如果您想讨论您的项目或只是想与我们聊天，请通过<a href="mailto:contact@blazity.com">contact@blazity.com</a>联系我们 <a href="https://discord.gg/fyWtyNKmfX" style="width: 100%; display: flex; justify-content: center;"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/fb02963a-201a-43e0-a287-52675ad00eb6.png?style=banner2" alt="Blazity Discord横幅"/> </a>

特性

⚡ 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，完全免费！

克隆仓库并一键部署到Netlify，完全免费！

🧰 使用的技术

使用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）：

<table> <tr> <td align="center"><a href="https://bstefanski.com/"><img src="https://avatars.githubusercontent.com/u/28964599?v=4?s=64" width="64px;" alt=""/> Bart Stefanski</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=bmstefanski" title="Code">💻</a></td> <td align="center"><a href="https://github.com/ilasota"><img src="https://avatars.githubusercontent.com/u/34578189?v=4?s=64" width="64px;" alt=""/> Igor Lasota</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=ilasota" title="Code">💻</a></td> <td align="center"><a href="https://github.com/jbryn"><img src="https://avatars.githubusercontent.com/u/52970664?v=4?s=64" width="64px;" alt=""/> Jan Bryński</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=jbryn" title="Code">💻</a></td> <td align="center"><a href="https://www.logana.dev/"><img src="https://avatars.githubusercontent.com/u/43075109?v=4?s=64" width="64px;" alt=""/> Logan Anderson</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=logan-anderson" title="Code">💻</a> <a href="https://github.com/Blazity/next-saas-starter/commits?author=logan-anderson" title="Documentation">📖</a> <a href="#mentoring-logan-anderson" title="Mentoring">🧑‍🏫</a></td> </tr> </table>

本项目遵循all-contributors规范。欢迎任何形式的贡献！