next boilerplate

再見下一個樣板，歡迎使用超級板！

自從我們啟動Next-Boilerplate項目以來已經很長時間了。我們為它幫助全球許多前端開發人員加快了前端開發週期的速度感到自豪。

隨著時間的流逝，我們從我們的經驗和社區反饋中汲取了寶貴的教訓：

• 有無限數量的前端技術，不可能將所有內容組合在單個樣板產品中。
• 該項目很難通過大量的外部依賴性來維護。

為了解決複雜性問題，我們從頭開始了一個新項目。我們稱其為“超級板” - 帶有超級大國的前端樣板。

它建立在插件架構之上，可輕鬆整合自己的工具和最佳實踐。它還包括30多個您喜歡的工具的內置插件。

Superplate的默認框架是Next.js，因此您可以立即開始使用它而不是Next-Boilerplate。更多的框架目標即將到來。

您可以從回購頁面或文檔查看項目。

下一個boilerplate

帶有redux，typeScript，express.js和sass的“ js應用程序”樣板面向性能。

_{由Pankod創建}

關於

Next.js是一個在瀏覽器和服務器上運行的簡約React框架。它為開發人員提供了一種簡單的入門方式，並且由於使用React.js進行模板，它也是具有React經驗的開發人員快速提高生產力的直接方法。

這種方法的優點是能夠以統一的方式創建豐富的用戶體驗，而不會損害SEO（搜索引擎優化）因素，這些因素是Google和其他搜索引擎上良好排名的關鍵。

該樣板使使用良好的Next.js和TypeScript應用程序更容易啟動和運行。

特徵

Next-Boilerplate項目提供了許多功能。這是隨附的組件和工具的概述。

• Next.js-服務器渲染的React應用程序的簡約框架。
• 打字稿- JavaScript的超集，主要提供可選的靜態鍵入，類和接口。
• Redux- JavaScript應用程序的可預測狀態容器。
• express.js-最小且靈活的node.js Web應用程序框架，可處理服務器端渲染並與Next.js集成。
• 內置項目CLI-使用內置CLI創建頁面，組件，操作，降低器，一個命令。
• SASS/SCSS -CSS預處理器中添加了特殊功能，例如變量，嵌套規則和混合素（有時稱為句法糖）。
• Docker-一種工具，旨在使使用容器更容易創建，部署和運行應用程序。
• Babel-下一代JavaScript的編譯器。
• Eslint-可插入的絨毛實用程序。
• 反向代理- 用於代理API請求的輕型服務器。
• Bundler Analyzer-使用交互式Zoomable Treemap可視化WebPack輸出文件的大小。
• Jest -JavaScript測試框架，由創建React的開發人員創建。
• React測試庫- 簡單而完整的DOM測試實用程序，鼓勵良好的測試實踐。
• Next-Runtime-dotenv-將環境變量暴露於Next.js的運行時配置
• Next-i18Next-一種國際化框架，可提供一個函數，該函數獲取鍵，某些選項，並返回當前語言的值。幫助您在應用程序中添加語言翻譯支持。
• Storybook-一種開源工具，用於孤立地開發UI組件以進行React。
• Bootstrap-最受歡迎的HTML，CSS和JavaScript框架，用於開發響應迅速的移動優先網站。

設置和文檔

請參閱我們的設置指南以創建新應用。

有關更詳細的文檔，請查看https://pankod.github.io/next-boilerplate/

內置CLI

Pankod樣板使用CLI工具運輸，以簡化新組件的創建。通過使用CLI工具，您可以輕鬆地將頁面，類組件或功能組件添加到項目中，並具有所有必需的操作，將自動為您創建還原和導入。

要啟動CLI，如果還沒有，則可能必須事先安裝它。

 ~ $ npm i -g @pankod/pankod-cli

然後，您可以在項目中使用它：

 ~ $ npm run cli

啟動後，交互式菜單將使您配置要創建的組件。首先，您會要求您提供組件的類型，無論是頁面還是功能組件。然後，您會出現與您選擇相關的其他選項的提示。

最終，您最終會立即獲得具有樣式和測試文件的頁面或組件。

執照

根據MIT許可證的許可，版權所有©2018-Present Pankod