⭐️

個人開発で参考になるNext.jsリポジトリ10選

2023/10/13に公開
3

最新の技術を使っている・コードが読みやすい・実際にプロダクトが公開されている、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 - ステータスページ

https://www.openstatus.dev/
https://github.com/openstatusHQ/openstatus

  • App Router
  • Turborepo
  • Drizzle
  • Clerk
  • tRPC
  • Tailwind
  • shadcn/ui

LLM Report - OpenAI モニタリング

https://llm.report/
https://github.com/dillionverma/llm.report

  • App Router
  • Prisma
  • NextAuth
  • shadcn/ui
  • Stripe

Dub - URL 短縮

https://dub.co/
https://github.com/steven-tey/dub

  • App Router
  • Turborepo
  • Prisma
  • NextAuth
  • Tailwind
  • Stripe

slug - URL 短縮

https://slug.vercel.app/
https://github.com/pheralb/slug

  • Prisma
  • NextAuth
  • tRPC
  • Tailwind

Cal.com - 日程調整

https://cal.com/
https://github.com/calcom/cal.com

  • Turborepo
  • Prisma
  • NextAuth
  • tRPC
  • Tailwind

Taxonomy - ブログ

https://tx.shadcn.com/
https://github.com/shadcn-ui/taxonomy

  • App Router
  • Prisma
  • NextAuth
  • Tailwind

Rowy - ローコード GUI

https://www.rowy.io/
https://github.com/rowyio/rowy

  • Firebase

Dorf - フォームビルダー

https://dorf.vercel.app/
https://github.com/matheins/Dorf

  • App Router
  • Turborepo
  • Drizzle
  • NextAuth
  • Tailwind

Noodle - 学習管理

https://noodle.run/
https://github.com/ixahmedxi/noodle

  • Turborepo
  • Drizzle
  • Clerk
  • tRPC
  • Tailwind

Trigger.dev - ワークフロー

https://trigger.dev/
https://github.com/triggerdotdev/trigger.dev

  • App Router
  • Turborepo
  • Prisma
  • Tailwind
  • Stripe

Discussion

SandyマンSandyマン

良いリポジトリがまとまっていてとても参考になりました!ありがとうございます!
一つ質問なのですが、こういったリポジトリってどのように探しましたか?いろいろ勉強していきたいので...