nextjs blog starter kit

Next JS Static 入门套件

通过@techhive.IO

实景拍摄

目录

• 现场演示

• 入门

• 有用的命令

• 目标

• 特征

• 学习资料

• 虫子

• 贡献者

• 执照

入门

git clone --深度 1 https://github.com/techhiveIO/nextjs-blog-starter-kit my-projectcd my-project
rm -r .git
cp .env.example .env
npm 运行开发

确保在.env文件中输入正确的值：

CONTENTFUL_SPACE=<your contentful space>
CONTENTFUL_TOKEN=<your contentful token>
PUBLIC_DOMAIN=<your domain name>

有用的命令

• dev - 在开发模式下启动应用程序

• build - 在生产模式下构建应用程序

• start - 在生产模式下启动应用程序

• export - 构建应用程序并将其导出到静态网站

• postexport - 运行 post-export.js 脚本，创建 sitemap.xml

• type-check - 打字稿的类型检查

• format:write - 运行更漂亮以格式化整个代码库（ .ts和.css ）

• lint - 使用 eslint 的 lints 项目，

• populate:contentful - 填充 Contentful CMS

目标

开发人员在实施新网站时通常希望有一个良好的起点。有了这个入门工具包，开发人员可以实现一个新的博客，或者将其作为使用 NextJS 构建任何静态网站的灵感。

特征

• Next.Js 具有开箱即用的 Typescript 支持

• 开箱即用的静态导出

• 与脚本内容集成以自动填充您的 CMS

• 通过 Netlify 和 Vercel（以前称为 ZEIT）轻松集成和部署

• 定制组件

• SEO 友好，带有动态元标签

• 谷歌分析

• 针对速度和可扩展性进行了优化

• 每篇博客文章的相关建议

堆

• Next.Js (V9+)

• 打字稿

• 网络化

• 内容丰富

学习资料

如何使用 NextJS 和 Contentful 构建强大的博客

让您的博客更智能 - 如何实施建议

虫子

请确保在提交问题时填写适当的字段。我们的团队将尽力尽快解决

贡献者

想要开始使用 Next.Js 为开源做出贡献吗？

留下您的印记并加入不断壮大的贡献者团队！

首先查看未决问题列表并阅读贡献者指南

阿卜杜勒·拉赫曼·赞图 ️ ？

阿里·埃尔-奥巴吉 ️ ？

执照

NextJS 静态启动器版权所有 © 2020 Techhive.IO LLC。它根据知识共享归属许可证分发。

techhive.io 的名称和徽标是 techhive.io LLC 的商标。