nextjs boilerplate

下一个JS 15+的样板和入门板，尾风CSS 3和打字稿

Next.js，Tailwind CSS和Typescript的锅炉和入门店首先由开发人员体验：Next.js（应用程序路由），打字稿，Eslint，Eslint，Prettier，Husky，Husky，lint starting，Jest，Jest，React Testing库，Postcss，Postcss，Postcs，parwind CSS，Storybook，Storybook，Plop，gh动作。

特征

开发人员的经验首先：

• Next.js静态站点生成器
• 输入检查打字稿
• 与CSS集成
• 零件文档的故事书
• 严格的打字稿模式和反应18
• 带有eslint的林格
• 代码格式和漂亮的代码
• 沙哑的git钩
• 在Git分期文件上运行衬里的绒毛段
• 开玩笑的测试和反应测试库
• 使用@ prefix的绝对导入
• NextJS自定义布局
• T3 Env轻松管理您的环境变量
• git的消息惯例
• 最大化灯塔得分
• GH行动
• 与原子设计大会产生组件

？计划

• 邦德勒分析仪
• 下一个PWA

？测试

所有测试都与同一目录内的源代码相互关联。因此，它使找到它们变得更容易。覆盖阈值设置为70% 。在.jest文件夹中，有一个用于所有测试的自定义提供商。

如何使用

要使用此模板，您可以单击使用此模板中的单击中的模板或通过运行基于此模板创建您的Next.js应用程序：

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

部署到生产

在Vercel上安装命令：

 corepack use pnpm@`pnpm -v` && pnpm i

您可以在生产模式下在本地看到结果：

pnpm build

pnpm start

生成组件

pnpm generate Button

结果（如果选择一个原子组件）：

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

？贡献

1. 叉这个存储库；
2. 创建您的分支： git checkout -b my-awesome-contribution ;
3. 提交您的更改： git commit -m 'feat: Add some awesome contribution' ；
4. 推入分支： git push origin my-awesome-contribution 。

执照

根据MIT许可许可，版权所有©2024

有关更多信息，请参见许可证。

---

用很多❤️和？由MateuszHadryś？我的联系