Next.js网站样板

查看此基于Next.js和Cosmic JS构建的网站样板 。 它满足一些常见的网站要求，包括动态页面，博客文章，作者管理，SEO能力，联系表和网站搜索。

TL; DR

• 下载Next.js网站样板GitHub存储库 。
• 查看演示。

特征

1. 对带有Bootstrap前端的移动设备完全响应
2. SEO准备好
3. 将电子邮件发送到您选择的电子邮件和Cosmic JS的联系表单，以方便参考
4. 全站点搜索功能
5. 所有内容都可以在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

在开发中运行

npm run  dev

转到http://localhost:5000 。

配置

联系电子邮件因为Next.js没有邮件服务器，所以联系表单使用mailgun发送电子邮件。 因此，在配置文件中添加以下常量。

env: {
      MAILGUN_KEY : '' ,
      MAILGUN_DOMAIN : ''
    }

From: https://hackernoon.com/next-js-website-boilerplate-5134f560423e