next saas stripe starter

次のSaas Stripeスターター

SaaSスターターからフルスピードで始めましょう！

はじめに・インストール・Tech Stack +機能・著者・クレジット

導入

次のプロジェクトは、next.js 14、prisma、neon、auth.js v5、Resend、Reactメール、Shadcn/ui、およびStripeのスタックで力を与えます。
すべてがSaaSのスターターとシームレスに統合され、開発とSaaSの旅を加速します。

インストール

次のコマンドでこのリポジトリをローカルにクローンして作成します。

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-saas-stripe-starter "

または、vercelで展開します。

ステップ

1. PNPMを使用して依存関係をインストールします。

pnpm install

2. .env.exampleを.env.localにコピーして変数を更新します。

cp .env.example .env.local

3. 開発サーバーを開始します。

pnpm run dev

注記

このプロジェクトを更新するために、NPM-Check-Updatesパッケージを使用しています。

このコマンドを使用してプロジェクトを更新してください： ncu -i --format group

ロードマップ

• ESLINTをV9にアップグレードします
• サクセスサブスクリプションのためにResEndを追加します

Tech Stack +機能

saas-starter-demo.mp4

フレームワーク

• next.js - 最高の開発者エクスペリエンスを備えたパフォーマンスアプリを構築するためのReactフレームワーク
• Auth.js - Google、Twitter、Githubなどのプロバイダーと簡単にユーザー認証を処理します。
• prisma - node.jsの型タイプスクリプトファーストorm
• Reactメール - 効率的で柔軟な電子メール開発のための多用途の電子メールフレームワーク

プラットフォーム

• Vercel - Gitで変更を簡単にプレビューおよび展開します
• Resend - 合理化された電子メール開発のための強力な電子メールフレームワーク
• NEON - 自動化、分岐、底なしのストレージ、寛大なフリーティアを備えたサーバーレスポストグレス。

ui

• Tailwind CSS - 迅速なUI開発のためのユーティリティファーストCSSフレームワーク
• SHADCN/UI - Radix UIおよびTailwind CSSを使用して構築された再利用可能なコンポーネント
• フレーマーモーション - アニメーションコンポーネントに簡単に反応するためのモーションライブラリ
• Lucide - 美しくシンプルで、ピクセルに最適なアイコン
• next/font - カスタムフォントを最適化し、パフォーマンスを改善するために外部ネットワークリクエストを削除する
• ImageResponse - エッジで動的なオープングラフ画像を生成する

フックとユーティリティ

• useIntersectionObserver - 反応フックは、要素がビューポートに入るか出発するときに観察するために対応します
• useLocalStorage - ブラウザのローカルストレージにデータを保持します
• useScroll反応フックはスクロール位置を観察します（例）
• nFormatter - 1.2kや1.2Mなどの接尾辞を備えたフォーマット番号
• capitalize - 文字列の最初の文字を大文字にします
• truncate - 文字列を指定された長さに切り捨てます
• use-debounce - 関数呼び出し /状態の更新を撤回します

コード品質

• タイプスクリプト - エンドツーエンドタイプフェティ用の静的タイプチェッカー
• きれい - 一貫したコードスタイルのための意見のコードフォーマッタ
• ESLINT - next.jsおよびtypeScript用のプラグ可能なリナー

その他

• Vercel Analytics - ユニークな訪問者、PageViewsなどをプライバシーに優しい方法で追跡する

著者

2023年に@miickasmtによって作成され、MITライセンスの下でリリースされました。

クレジット

このプロジェクトは、Shadcnの分類法、Steven Teyの先例、およびAntonio Erdeljacの次の13 Ai Saasに触発されました。

• Shadcn（@shadcn）
• スティーブン・テイ（@Steventey）
• アントニオエルデルジャック（@ytcodeantonio）