0 阅读

0

🚀 适用于 2021 年的 React 样板代码，支持 TypeScript 和 Tailwind CSS。此样板代码和入门模板适用于 Next.js 14+、Tailwind CSS 3.4 和 TypeScript。

🚀 2021 年 React 样板代码，包含 TypeScript 和 Tailwind CSS

Next.js 14+、Tailwind CSS 3.4 和 TypeScript 的样板和入门指南。

Next.js 14+、Tailwind CSS 3.4 和 TypeScript 的样板和入门指南。

最近，我用 React 和 Next.js 开发了几个项目。每个项目都需要重复配置相同的依赖项。因此，我想到这或许可以成为一个适用于 2021 年的样板代码，并分享给社区。

这款产品以开发者为中心构建，配备了 ESLint 代码检查工具、Prettier 代码格式化工具和 VSCode 配置等提升效率的工具。它基于 Next.js 和 Tailwind CSS 构建，面向 2021 年。此外，它还支持一键部署，并针对 SEO 进行了优化，可直接用于生产环境。

您可以访问此网址查看实时演示：React Boilerplate with TypeScript and Tailwind CSS

您也可以在 GitHub 上查看源代码：React Boilerplate GitHub

在Github上已经获得了超过400颗星⭐……

ixartz / Next-js-Boilerplate

🚀🎉📚 适用于 Next.js 14+ 的样板和入门模板，支持 App Router 和 Page Router，以及 Tailwind CSS 3.4 和 TypeScript ⚡️ 以开发者体验为先：Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS ✨

Next.js 14+、Tailwind CSS 3.4 和 TypeScript 的样板和入门指南。

🚀 基于 Next.js 的样板和入门项目，集成了 App Router、Tailwind CSS 和 TypeScript ⚡️ 优先考虑开发者体验：Next.js、TypeScript、ESLint、Prettier、Husky、Lint-Staged、Vitest（替代 Jest）、测试库、Playwright、Commitlint、VSCode、Tailwind CSS、Clerk身份验证、DrizzleORM 数据库（支持 PostgreSQL、SQLite 和 MySQL）、Sentry错误监控、Pino.js 日志记录和日志管理、代码监控、Storybook、多语言 (i18n) 等等。已为 Next.js 15 做好准备。

克隆此项目并使用它来创建您自己的 Next.js 项目。您可以在Next.js Boilerplate查看在线演示，其中包含一个可用的身份验证系统。

赞助商




在此处添加您的徽标

演示

在线演示：Next.js 样板

报名	登入

特征

开发者体验至上，代码结构极其灵活，只保留所需代码：

⚡支持 App Router 的Next.js
🔥 TypeScript类型检查
💎 与Tailwind集成…

在 GitHub 上查看

以下是其功能特点：

🔥 使用 Next.js 实现即时反馈
🚀 使用 Next.js 进行路由
💅 使用 Tailwind CSS 进行样式设计
✏️ 使用 ESLint 进行代码检查，并使用 Prettier 进行代码格式化。
🎉 使用 TypeScript 进行类型检查
✅ 在 Vercel 或 Netlify 上一键部署
🤖 对搜索引擎友好
🚀 已准备就绪

ixartz / Next-js-Boilerplate

🚀🎉📚 适用于 Next.js 14+ 的样板和入门模板，支持 App Router 和 Page Router，以及 Tailwind CSS 3.4 和 TypeScript ⚡️ 以开发者体验为先：Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS ✨

Next.js 14+、Tailwind CSS 3.4 和 TypeScript 的样板和入门指南。

🚀 基于 Next.js 的样板和入门项目，集成了 App Router、Tailwind CSS 和 TypeScript ⚡️ 优先考虑开发者体验：Next.js、TypeScript、ESLint、Prettier、Husky、Lint-Staged、Vitest（替代 Jest）、测试库、Playwright、Commitlint、VSCode、Tailwind CSS、Clerk身份验证、DrizzleORM 数据库（支持 PostgreSQL、SQLite 和 MySQL）、Sentry错误监控、Pino.js 日志记录和日志管理、代码监控、Storybook、多语言 (i18n) 等等。已为 Next.js 15 做好准备。

克隆此项目并使用它来创建您自己的 Next.js 项目。您可以在Next.js Boilerplate查看在线演示，其中包含一个可用的身份验证系统。

赞助商




在此处添加您的徽标

演示

在线演示：Next.js 样板

报名	登入

特征

开发者体验至上，代码结构极其灵活，只保留所需代码：

⚡支持 App Router 的Next.js
🔥 TypeScript类型检查
💎 与Tailwind集成…

在 GitHub 上查看

文章来源：https://dev.to/ixartz/react-boilerplate-with-typescript-and-tailwind-css-for-2021-k53