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