当前位置: 首页 > 工具软件 > Next.js > 使用案例 >

next. js_Next.js网站样板

颛孙子民
2023-12-01

next. js

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

TL; DR

特征

  1. 对带有Bootstrap前端的移动设备完全响应
  2. SEO准备好
  3. 将电子邮件发送到您选择的电子邮件和Cosmic JS的联系表单,以方便参考
  4. 全站点搜索功能
  5. 所有内容都可以在Cosmic JS中轻松管理,包括页面,博客和联系信息。 注册Cosmic JS以安装演示内容并部署此网站。

开始吧

git clone https: //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

在开发中运行

npmrun  dev

转到http://localhost:5000

配置

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

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

翻译自: https://hackernoon.com/next-js-website-boilerplate-5134f560423e

next. js

 类似资料: