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ś？我的聯繫