Generate buzz about your product, startup, channel and more with AI generated comments! Set keywords to scrape posts across X, Linkedin & Reddit and respond organically while promoting whatever you want to promote. Use the AI agent to automate your UGC promotion daily. UGC converts better than paid ads!
Clone & create this repo locally with the following command:
npx create-next-app my-saas-project --example "https://github.com/mickasmt/next-saas-stripe-starter"- Install dependencies using pnpm:
pnpm install- Copy
.env.exampleto.env.localand update the variables.
cp .env.example .env.local- Start the development server:
pnpm devNote
I use npm-check-updates package for update this project.
Use this command for update your project: ncu -i --format group
Caution
Errors while the build if you update the resend & remark-gfm packages.
-
Fix Vaul drawer for mobile sign in -
Update OG image -
Add Server Actions on billing form (stripe) -
Add Server Actions on user name form - Upgrade Auth.js to v5 (working on it)
- Add resend for success subscriptions
- Update documentation
- Switch subscription plan
- Next.js – React framework for building performant apps with the best developer experience
- Auth.js – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
- Prisma – Typescript-first ORM for Node.js
- React Email – Versatile email framework for efficient and flexible email development
- Vercel – Easily preview & deploy changes with git
- PlanetScale – A cutting-edge database platform for seamless, scalable data management
- Resend – A powerful email framework for streamlined email development
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- Shadcn/ui – Re-usable components built using Radix UI and Tailwind CSS
- Framer Motion – Motion library for React to animate components with ease
- Lucide – Beautifully simple, pixel-perfect icons
next/font– Optimize custom fonts and remove external network requests for improved performanceImageResponse– Generate dynamic Open Graph images at the edge
useIntersectionObserver– React hook to observe when an element enters or leaves the viewportuseLocalStorage– Persist data in the browser's local storageuseScroll– React hook to observe scroll position (example)nFormatter– Format numbers with suffixes like1.2kor1.2Mcapitalize– Capitalize the first letter of a stringtruncate– Truncate a string to a specified lengthuse-debounce– Debounce a function call / state update
- TypeScript – Static type checker for end-to-end typesafety
- Prettier – Opinionated code formatter for consistent code style
- ESLint – Pluggable linter for Next.js and TypeScript
- Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way
Started from open source template by @miickasmt in 2023, released under the MIT license.
This project was inspired by shadcn's Taxonomy, Steven Tey’s Precedent, and Antonio Erdeljac's Next 13 AI SaaS and obviously ReplyGuy
- Shadcn (@shadcn)
- Steven Tey (@steventey)
- Antonio Erdeljac (@YTCodeAntonio)