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:
Competitors
- https://divjoy.com/
- Maybe just use this!