next saas stripe starter

Starter strip SaaS berikutnya

Mulailah dengan kecepatan penuh dengan starter SaaS!

PENDAHULUAN · Instalasi · Fitur Teknologi + Fitur · Penulis · Kredit

Perkenalan

Memberdayakan proyek Anda berikutnya dengan tumpukan Next.js 14, Prisma, Neon, Auth.js V5, Resend, React Email, Shadcn/UI, dan Stripe.
Semua terintegrasi dengan starter SaaS yang mulus untuk mempercepat perkembangan Anda dan perjalanan SaaS.

Instalasi

Klon & buat repo ini secara lokal dengan perintah berikut:

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

Atau, digunakan dengan Vercel:

Tangga

1. Instal dependensi menggunakan PNPM:

pnpm install

2. Salin .env.example ke .env.local dan perbarui variabel.

cp .env.example .env.local

3. Mulai server pengembangan:

pnpm run dev

Catatan

Saya menggunakan paket NPM-Check-updates untuk memperbarui proyek ini.

Gunakan perintah ini untuk memperbarui proyek Anda: ncu -i --format group

Peta jalan

• Tingkatkan Eslint ke V9
• Tambahkan Resend Untuk Langganan Sukses

Fitur Tech Stack +

SaaS-starter-demo.mp4

Kerangka kerja

• Next.js - React Framework untuk membangun aplikasi performant dengan pengalaman pengembang terbaik
• AUTH.JS - Tangani otentikasi pengguna dengan mudah dengan penyedia seperti Google, Twitter, GitHub, dll.
• Prisma-ORM TypeScript-First untuk Node.js
• React Email - Kerangka Email Serbaguna Untuk Pengembangan Email yang Efisien dan Fleksibel

Platform

• Vercel - Mudah Pratinjau & Menyebarkan Perubahan dengan Git
• Resend - Kerangka Kerja Email yang Kuat untuk Pengembangan Email yang Rampingan
• Neon - Serverless Postgres dengan autoscaling, bercabang, penyimpanan tanpa dasar dan tingkat bebas yang murah hati.

Ui

• CSS Tailwind-Kerangka CSS Utilitas-First untuk Pengembangan UI Cepat
• Shadcn/UI-Komponen yang dapat digunakan kembali yang dibangun menggunakan Radix UI dan Tailwind CSS
• Framer Motion - Perpustakaan Gerakan untuk Bereaksi terhadap Komponen Animasi Dengan Mudah
• Lucide-Ikon yang sangat sederhana, pixel-perfect
• next/font - Optimalkan Font Kustom dan Hapus Permintaan Jaringan Eksternal untuk Peningkatan Kinerja
• ImageResponse - Hasilkan gambar grafik terbuka dinamis di tepi

Pengait dan Utilitas

• useIntersectionObserver - React Hook untuk mengamati ketika suatu elemen masuk atau meninggalkan viewport
• useLocalStorage - Data bertahan di penyimpanan lokal browser
• useScroll - React Hook untuk Mengamati Posisi Gulir (Contoh)
• nFormatter - Format nomor dengan sufiks seperti 1.2k atau 1.2M
• capitalize - Kapitalisasi huruf pertama dari suatu string
• truncate - memotong string ke panjang yang ditentukan
• use-debounce -debounce pembaruan panggilan / negara bagian fungsi

Kualitas Kode

• TypeScript-Pemeriksa Tipe Statis untuk TypeFety end-to-end
• Formatter kode yang lebih cantik
• Eslint - linter pluggable untuk next.js dan naskah

Aneka ragam

• Vercel Analytics-Lacak pengunjung unik, tampilan halaman, dan lainnya dengan cara yang ramah privasi

Pengarang

Dibuat oleh @miickasmt pada tahun 2023, dirilis di bawah lisensi MIT.

Kredit

Proyek ini terinspirasi oleh taksonomi Shadcn, preseden Steven Tey, dan 13 AI SaaS Antonio Erdeljac berikutnya.

• Shadcn (@shadcn)
• Steven Tey (@steventey)
• Antonio Erdeljac (@ytcodeanttonio)