Skip to content

Your Next SaaS Template or Boilerplate ! A magic trip start with `bun create saasfly` . The more stars, the more surprises

License

Notifications You must be signed in to change notification settings

mmartin-sub/web-saas

 
 

Substantifik

An easy-to-use and enterprise-grade Next.js boilerplate. Fork from SaasFly

⭐ Features

On top of the fork:

  • Crowdin support including github action.
  • add @neondatabase/serverless driver

Recommendations

  • Install Stripe Cli client and completion
  • in github, setup some secret (see workflows)
  • install i18next-scanner/i18next-scanner-typescript (i.e. bun run 18next:scanner)

Setup

  • i18n config
  • Crowdin steps, see documentation
  • update FAQ from [price-faq-data.ts]£(apps/nextjs/src/config/price/price-faq-data.ts)

Todo

[ ] Need to support i18n for the .md or.mdx files for Contentlayer [ ] Integrate Cloudinary/Imgix or other image optimizer [ ] bun run crowdin not using the .env.local data while it seems there. at least crowdin is confused; maybe it is an EXPORT issue? [ ] Automate and optimize the translation process (using i18next-scanner or i18n-js) [ ] Script to deploy dev, stage and prod with proper stripe coonnexion [ ] Setup name of the company, website and email from dict so it is easier to deploy to multiple domains (i.e. using more siteConfig.url) [ ] Review cors setup [ ] Remove k8s references [ ] Create a sitemap for robots.ts [ ] Load the price from stripe dynamically at build time so it stays cached versus static one and support multiple currencies [ ] Make apps/nextjs/src/components/typewriterEffectSmooth.tsx working with a long string versus manual split. [X] Review the logos (apps/nextjs/src/app/layout.tsx) and svg to work in dark and light mode. [ ] Update the review from apps/nextjs/src/components/comments.tsx based on actual twitter and comments from database. Show the number of hashtags based on input [ ] Add errors, not-found, global-error and other specific pages related to NextJS routing [ ] Improve dynamic routing for (pages)/external for terms and privacy so UI looks better with headers and footers [ ] Add apply job, use cases sections (Uses cases per industry)

Known issues

[ ] Stripe webhooks should return 200 as fast as possible, leverage sub/pub approach to do DB work async [ ] If Resend is sending an error, it is not catched

🐭 Frameworks

  • Next.js - The React Framework for the Web (with App Directory)
  • NextAuth.js - Authentication for Next.js
  • Kysely - The type-safe SQL query builder for TypeScript
  • Prisma - Next-generation ORM for Node.js and TypeScript, used as a schema management tool
  • React-email - A React renderer for creating beautiful emails using React components

🐮 Platforms

  • Vercel – Deploy your Next.js app with ease
  • Stripe – Payment processing for internet businesses
  • Resend – Email marketing platform for developers

🐯 Enterprise Features

  • i18n - Support for internationalization
  • SEO - Search engine optimization
  • MonoRepo - Monorepo for better code management
  • T3 Env - Manage your environment variables with ease

🐰 Data Fetching

  • trpc – End-to-end typesafe APIs made easy
  • tanstack/react-query – Hooks for fetching, caching and updating asynchronous data in React

🐲 Global State Management

  • Zustand – Small, fast and scalable state management for React

🐒 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

🐴 Code Quality

  • TypeScript – Static type checker for end-to-end type safety
  • Prettier – Opinionated code formatter for consistent code style
  • ESLint – Pluggable linter for Next.js and TypeScript
  • Husky – Git hooks made easy

🐑 Performance

  • Vercel Analytics – Real-time performance metrics for your Next.js app
  • bun.sh – npm alternative for faster and more reliable package management

🐘 Database

  • PostgreSQL – The world's most advanced open source database

📦 Apps and Packages

  • web: The main Next.js application
  • ui: Shared UI components
  • db: Database schema and utilities
  • auth: Authentication utilities
  • email: Email templates and utilities

📜 License

This project is licensed under the MIT License. For more information, see the LICENSE file.

🙏 Credits

This project is a fork from SaasFly

About

Your Next SaaS Template or Boilerplate ! A magic trip start with `bun create saasfly` . The more stars, the more surprises

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 90.7%
  • MDX 6.1%
  • JavaScript 2.4%
  • Other 0.8%