Echo

Note

This project is based on Next Saas Stripe Starter, which is licensed under the MIT License.

All modifications and additional original code written by Baptiste (2025) are licensed under the PolyForm Internal Use License 1.0.0.

MIT license applies exclusively to the original Next Saas Stripe Starter code.
PolyForm Internal Use License 1.0.0 applies exclusively to my added code.

---

Introduction

Empower your next project with the stack of Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, Shadcn/ui, and Stripe.
All seamlessly integrated with the SaaS Starter to accelerate your development and saas journey.

Installation

1. Clone the repository:

git clone https://github.com/Baptiiiiste/Echo.git

2. Install dependencies using pnpm:

pnpm install

3. Copy .env.example to .env and update the variables.

cp .env.example .env

4. Set up the database:

docker-compose up -d
prisma generate
prisma db push

5. Start the development server:

pnpm run dev

Note

I use npm-check-updates package for update this project.

Use this command to update your project: ncu -i --format group

Tech Stack + Features

Frameworks

• 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

Platforms

• Vercel – Easily preview & deploy changes with git
• Resend – A powerful email framework for streamlined email development
• Neon – Serverless Postgres with autoscaling, branching, bottomless storage and generous free tier.

UI

• 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 performance
• ImageResponse – Generate dynamic Open Graph images at the edge

Hooks and Utilities

• useIntersectionObserver – React hook to observe when an element enters or leaves the viewport
• useLocalStorage – Persist data in the browser's local storage
• useScroll – React hook to observe scroll position (example)
• nFormatter – Format numbers with suffixes like 1.2k or 1.2M
• capitalize – Capitalize the first letter of a string
• truncate – Truncate a string to a specified length
• use-debounce – Debounce a function call / state update

Code Quality

• 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

Miscellaneous

• Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way