查看此基于Next.js和Cosmic JS构建的网站样板 。 它满足一些常见的网站要求,包括动态页面,博客文章,作者管理,SEO能力,联系表和网站搜索。
TL; DR
- 下载Next.js网站样板GitHub存储库 。
- 查看演示。
特征
- 对带有Bootstrap前端的移动设备完全响应
- SEO准备好
- 将电子邮件发送到您选择的电子邮件和Cosmic JS的联系表单,以方便参考
- 全站点搜索功能
- 所有内容都可以在Cosmic JS中轻松管理,包括页面,博客和联系信息。 注册Cosmic JS以安装演示内容并部署此网站。
开始吧
git clone http s: //github. com /cosmicjs/nextjs-website-boilerplate
cd medical-professional- next -js
npm install
将bucket.json文件导入您的Cosmic JS Bucket。 为此,请转至您的存储桶>设置>导入/导出数据。 或通过Next.js网站应用程序页面安装该应用程序 。
在生产中运行
COSMIC_BUCKET =your-bucket-slug npm start
转到
http://localhost:3000
在开发中运行
转到
http://localhost:5000
。
配置
联系电子邮件因为Next.js没有邮件服务器,所以联系表单使用mailgun发送电子邮件。 因此,在配置文件中添加以下常量。
env: {
MAILGUN_KEY : '' ,
MAILGUN_DOMAIN : ''
}
From: https://hackernoon.com/next-js-website-boilerplate-5134f560423e