オープンソースのReact / Next.js製Webアプリまとめ

• Reactを使ったOSSなWebアプリをまとめていくスクラップ
• Next.js製のものが多いかも
• 随時更新予定
• お気軽にコメントどうぞ

Calendso

• Calendlyのようなスケジュール調整アプリ
• Next.js / Prisma / Tailwind を使ってるっぽい
• リポジトリ
• Webサイト

daily.dev（のWebアプリ）

• Next.jsを使ってる
• プログラミング関連のニュースキュレーションアプリ
• クライアントだけでなくバックエンドもOSSで参考になる
• リポジトリ
• Webサイト

Slickr

• Reactを使ったカバー画像ジェネレーター
• TypeScriptは使われていない
• リポジトリ
• Webサイト

Virtual Event Starter Kit

• Vercelが公開しているオンラインカンファレンス用のスターターキット
• Next.js + TypeScript
• リポジトリ
• デモ

Notion Blog

• Next.js + TypeScript
• ISRでNotion上のデータを取得して記事を表示するブログ
  • 非公式のAPIを使っていることに注意
• リポジトリ
• Webサイト

CodeSandbox

• React.jsを使っている( Next.jsは使われてない )
• TypeScriptは使われていない
• monorepoで構築しているので、monorepoの参考になるかも
• 元々は、React.js専用の高性能なPlaygroundサービスだった
  • 今は様々なフロントエンド環境をWebで実行する事ができる
• Zennでも埋め込んで使うことができる( 参照 )
• リポジトリ
• Webサイト

brian-lovin-next

• brianlovinさんの個人サイト。ポートフォリオやブログのほかに使用しているサービス一覧やアプリの考察など色々な表現があって面白い
• Next.js + TypeScript
• GitHubリポジトリ
• Webサイト

SupabaseのWebサイト

• SupabaseのLPやブログもNext.jsを使って作られていた。
• UIがいい感じ。
• GitHubリポジトリ
• Webサイト

Uniswap

• 暗号通貨の分散型取引所(DEX)
• 暗号通貨関連のプロダクトのUIとして洗練されている
• React + TypeScript
• GitHubリポジトリ
• Webサイト

Platforms Starter Kit

• Next.jsでプラットフォーム・サービスを作るためのスターターキット
• Vercel製
• 技術スタックがいまどきな感じ
  • PlanetScale
  • Prisma
  • Tailwind.css
• ユーザーごとにサブドメインが用意される実装になっている
• GitHubリポジトリ
• Webサイト

Drift

• 「オープンソースのGist」をコンセプトとしたWebサービス
• クライアント側はNext.js + TypeScript
• GitHubリポジトリ
• Webサイト