🚕

Project Starter Template

Name: Saas Starter Pack

Time: 2h to build this

Built ins for new projects:

  • Vite
  • Firestore database
  • Firebase auth for login
  • Stripe for payments

Developer Experience:

  • Prettier format-on-save
  • Git clone this template
  • Windicss VSCode? https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense

One Word uses:

  • VueJS on the frontend
  • Bulma for CSS styling
  • Netlify for hosting
  • Firestore for the database
  • Firebase Auth for login
  • Stripe for payments
  • Mailjet for marketing & transactional emails

Choices

  • CSS Frameworks: Bulma vs Tailwind
    • Would like to have default nice-looking styling, but not have to configure every button from scratch...
  • Install: pnpm vs yarn?
    • More used to yarn, but Vue3 is moving to pnpm?
  • Base: Typescript vs JS?
  • Plugin/library approach vs template
  • Firebase vs Supabase...?
  • GraphQL support.....?

Todos

  • Move firebase rules to repo?
  • Analytics?
  • Actually good out-of-the-box emailing solution
    • Looks something like: write a bunch of markdown emails locally; get triggered in response to certain actions
  • ESLint?

Ideology

  • Completely serverless
  • Superfast
    • Quick iteration loops
    • Debugging should be easy
  • Built on amazing services
  • Pitch: Write your frontend app. Then sell it.
    • Most web apps have a fairly simple conception of:
      • Landing page (marketing team)
      • Actual app
      • Payment rails
      • Email rails
  • Minimum viable best practices! So no:
    • Database separation
    • i18n?
    • mobile support?

Inspirations

  • Vitesse: https://github.com/antfu/vitesse
    • In fact: Maybe just fork this and staple on SaaS-y things
      • Or maybe maintain SaaSy stuff as a plugin
    • Vitesse-lite seems more my style: https://github.com/antfu/vitesse-lite
    • Hm... what's magic to one person is convenient to another
      • In that case, might as well build it myself to understand all the magics
  • Actually this looks good:
    • https://github.com/TeXmeijin/vite-react-ts-tailwind-firebase-starter
    • But we want Vue instead of React
  • Other options from IndieHacker post: https://www.indiehackers.com/post/7-opinionated-tools-i-always-use-to-build-my-saas-and-how-i-go-to-market-faster-c0e93ae84b
    • NameCheap Logo Maker formally Launchaco nice free option and done is 7 mins.
    • DomainR Scans several registries at once with a really nice UI.
    • Email to maybe try:
      • Courier
      • Postmark

Competitors

  • https://divjoy.com/
    • Maybe just use this!