⭐️
個人開発で参考になるNext.jsリポジトリ10選
最新の技術を使っている・コードが読みやすい・実際にプロダクトが公開されている、3 つの条件でリポジトリをまとめてみました。
個人開発と書いていますが、比較的機能がシンプルな SaaS アプリケーションを作るときに参考になります。
Next.js を一通り学んで、レベルアップしたい人にもぜひコードリーディングして欲しいです。
比較
App Router | Turborepo | Prisma | Drizzle | NextAuth | Clerk | tRPC | Tailwind | shadcn/ui | Stripe | |
---|---|---|---|---|---|---|---|---|---|---|
OpenStatus | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ❌ |
LLM Report | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ | ✅ |
Dub | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ | ❌ | ✅ |
slug | ❌ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ |
Cal.com | ❌ | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ |
Taxonomy | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ❌ | ✅ | ❌ | ❌ |
Rowy | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ |
Dorf | ✅ | ❌ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ | ❌ | ❌ |
Noodle | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ❌ |
Trigger.dev | ✅ | ✅ | ✅ | ❌ | ❌ | ❌ | ❌ | ✅ | ❌ | ✅ |
OpenStatus - ステータスページ
- App Router
- Turborepo
- Drizzle
- Clerk
- tRPC
- Tailwind
- shadcn/ui
LLM Report - OpenAI モニタリング
- App Router
- Prisma
- NextAuth
- shadcn/ui
- Stripe
Dub - URL 短縮
- App Router
- Turborepo
- Prisma
- NextAuth
- Tailwind
- Stripe
slug - URL 短縮
- Prisma
- NextAuth
- tRPC
- Tailwind
Cal.com - 日程調整
- Turborepo
- Prisma
- NextAuth
- tRPC
- Tailwind
Taxonomy - ブログ
- App Router
- Prisma
- NextAuth
- Tailwind
Rowy - ローコード GUI
- Firebase
Dorf - フォームビルダー
- App Router
- Turborepo
- Drizzle
- NextAuth
- Tailwind
Noodle - 学習管理
- Turborepo
- Drizzle
- Clerk
- tRPC
- Tailwind
Trigger.dev - ワークフロー
- App Router
- Turborepo
- Prisma
- Tailwind
- Stripe
Discussion
良いリポジトリがまとまっていてとても参考になりました!ありがとうございます!
一つ質問なのですが、こういったリポジトリってどのように探しましたか?いろいろ勉強していきたいので...
コメントありがとうございます!
Githubのtopics検索が便利で、この2つがおすすめです!
topics検索ですか...なるほどです!ありがとうございます!