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

在開發中運作

轉到

http://localhost:5000

。

配置

聯系電子郵件因為Next.js沒有郵件伺服器，是以聯系表單使用mailgun發送電子郵件。 是以，在配置檔案中添加以下常量。

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

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