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!