还在为如何构建一些酷炫且独特的 Next.js 项目而苦恼吗？
这篇文章为你带来一些适合初学者的仓库，帮助你获取项目灵感。
1. 电子商务应用程序
Digital Hippo — Ecommerce Next.js App一个完整的电子商务应用程序。
⭐ https://github.com/joschan21/digitalhippoÏ
功能
🛠️ 基于 Next.js 14 从头构建的完整市场 💻 包含精美的登录页和产品页面 🎨 自定义艺术作品 💳 完整的管理面板 🛍️ 用户可以购买和出售自己的产品 🛒 本地持久化的购物车 🔑 使用 Payload 进行身份验证 🖥️ 学习如何自托管 Next.js 🌟 使用 shadcn-ui 构建的简洁现代 UI ✉️ 注册和购买后发送漂亮的电子邮件 ✅ 管理员可验证产品以确保高质量 ⌨️ 100% 使用 TypeScript 编写
2. Shadcn UI 的个人作品集
一个简单的个人作品集应用。
⭐ https://github.com/taqui-786/Portfolio
功能
🥰 简洁美观 ⚙️ 基于 Next.js 14 和 TypeScript 🛠️ 使用 Zod 验证 ✅ 最佳 Talwind CSS 实现 🚀 速度快且响应迅速 💲 使用 Resend 发送电子邮件
3. 个人简介链接生成器应用
一个使用 Next.js 13 和 Zod 构建的无数据库应用。
⭐ https://github.com/taqui-786/itZmyLink
功能
📖 学习最佳 Zod 验证实践 ⚙️ 使用 Next.js 13 和 TypeScript 🥰 简单且响应迅速 ✅ 无需付费服务 💲 一款工具类应用 🚀 极具创业潜力
4. SaaS 应用程序
一个包含文档的 Next.js 组件集合。
⭐ https://github.com/taqui-786/mixcnui
功能
📖 学习如何制作一个简单的登录页面 ⭐ 使用 Next.js 14 和 TypeScript 👋 使用 Shadcn-ui 🛠️ 实现 Nextra 文档 😅 使用 Framer Motion 实现动画 ✅ 使用 Zod 进行验证
5. 简报订阅页面
Devletter — 开发者简报应用一个开发者简报订阅页面。
⭐ https://github.com/taqui-786/Devletter
功能
🥰 简洁且美观 🫡 移动设备响应 ⚙️ 使用 Next.js 13 和 TypeScript 🔥 使用 React Hook Form 和 Zod ⭐ 冷酷的雪花动画背景 🛠️ 使用 Prisma ORM 进行数据库管理
6. 另一个 SaaS 应用程序
一个带有编辑器的幻灯片制作工具。
⭐ https://github.com/taqui-786/crousal-maker
功能
🚀 速度快且响应迅速 🥰 简洁且美观 ✅ 极具创业潜力 ⚙️ 基于 Next.js 和 TypeScript 构建 📖 学习如何处理图像 🔥 学习将图像转换为 PDF
以上就是这些项目 😅，希望这些项目能帮助你学习和掌握 Next.js，别忘了为这些项目加星 ⭐！
