* add shadcn and shadcn script
* cleanup
* navbar and announcement
* remove unnecessary documentation
* cleanup
* dark mode switcher
* update hero
* update features
* update clients
* update testimonials
* update faq
* add avatar and use it in hero
* update the demo app
* update pricing page
* update file upload page
* update account page
* update dropdown
* fix mobile menu
* use card for testimonials
* update analytics to use new color tokens
* use sheet for mobile nav bar
* update user table
* update settings page to use shadcn components
* update testimonials to use new design
* add section title component
* update components to use section header
* add gradients
* add secondary muted
* add dynamic navbar
* cleanup
* fix color tokens for the dark mode
* don't scale all the cards
* Examples component
* fix the carousel scrolling into view
* add highlighted feature component
* add features grid
* cleanup
* fix navbar announcment sticking
* fix padding
* cleanup
* cleanup
* cleanup
* cleanup
* cleanup
* more robust on mouse leave for examples carousel
* auto scroll threshold set to 1
* generate app diff fo creating opensaassh
* add orbit
* fix mobile layout for Hero
* update template FeaturesGrid, and fix logos location
* Update the title for the features grid on landing
* update testimoinals layout
* update contentSections to support new testimonials
* update examples carousel
* update examples carouselui
* cleanup
* fix navbar layout when Announcement not present
* add highlighted features in examples
* cleanup
* fix faq component
* fix testimonials UI
* cleanup
* cleanup
* update contentSections
* update the ui limits
* make highlighted feature items centered
* remove inconsistent styles
* remove legacy classnames
* standardize chart cards
* fix dark mode ui issue with dropdown
* make it so that you can't change your own admin status
* fix changes with filtering on user table
* make filtering more intuitive
* fix calendar visibility issues
* remove forms pages
* use type tel for phone number
* button page redo
* clean up breadrcrumb and remove comments from default layout
* clean up navbar
* throttle scroll for navbar
* clean up remaining template items
* clean up
* fix the examples carousel so that it automatically scrolls
* fix demo app page
* fix FeaturesGrid types
* fix highlighted feature
* fix section title
* Replace old icons
* Remove package-lock.json
* fix opensaas issues
* remove all legacy icons
* remove accidental package files
* update throttleWithTrailingInvocation
* refactor the FeaturesGrid
* clean up highlithted feature
* clean up highlithted feature
* fix behavior of ExamplesCarousel
* clean up ExamplesCarousel
* fix wrong copy and layout on the landing for opensaas.sh
* center examples on the page if there are not enough of them
* Fix layout of pricing
* fix wrong link
* color of sidebar on admin
* add new examples
* fix icon layout
* adds specific tokens for opensaas landing
* layout fix
* remove leftover custom svgs
* update layout to better match figma
* use kebab-case for forms
* revert to h3
* png -> webp
* Update layout for bento grid for opensaas
* parse day views only once
* dropdown edit delete to shadcn
* remove the remaining svgs
* make useDebounce generic
* address small pr comments
* update examples carousel
* remove the banner from the hero
* section title subtitle → description
* remove unnecessary files
* address layout comments for opensaas.sh
* add back git star count
* update contentSections to have currently deployed copy
* useRef instaed of class query
* address layout comments for opensaas.sh
* adjust padding for RepoInfo on diff
* fix gradient on template
* Revert "fix gradient on template"
This reverts commit 4b45f7f437.
* fix gradient on template
* add AI Ready highlighted feature
* update landing page features & add LLM copy button and
Introduced a 'Copy URL for LLMs' button to the blog navbar by creating CopyForLlmButton.astro and integrating it into a new MyRightNavBarItems.astro component, replacing the previous theme select. Updated astro.config.mjs to use the new component. In the app template, added an example highlighted feature component to the landing page and updated testimonial avatars. Also enabled Google, GitHub, Discord, and Slack auth providers in main.wasp.
* Update NavBar announcement for Product Hunt launch
Refactored the Announcement component in NavBar to promote the Open SaaS v2.0 Product Hunt launch, including dynamic messaging based on launch date and updated links. Also updated the landing page to import and render new example components.
---------
Co-authored-by: vincanger <70215737+vincanger@users.noreply.github.com>
Welcome to your new SaaS App! 🎉
https://github.com/wasp-lang/open-saas/assets/70215737/5ff289b1-12b9-4b46-aa90-a6a3122de93e
You've decided to build a SaaS app with the Open SaaS template. Great choice!
This template is:
- fully open-source
- completely free to use and distribute
- comes with a ton of features out of the box!
- focused on free, open-source services, where possible
🧑💻 Check it out in action here: OpenSaaS.sh
📚 Check out the Docs here: Open SaaS Docs
What's inside?
The template itself is built on top of some very powerful tools and frameworks, including:
- 🐝 Wasp - a full-stack React, NodeJS, Prisma framework with superpowers
- 🚀 Astro - Astro's lightweight "Starlight" template for documentation and blog
- 💸 Stripe or Lemon Squeezy - for products and payments
- 📈 Plausible or Google Analytics
- 🤖 OpenAI - OpenAI API w/ function calling example
- 📦 AWS S3 - for file uploads
- 📧 SendGrid, MailGun, or SMTP - for email sending
- 💅 TailwindCSS - for styling
- 🧑💼 TailAdmin - admin dashboard & components for TailwindCSS
- 🧪 Playwright - end-to-end tests with Playwright
Because we're using Wasp as the full-stack framework, we can leverage a lot of its features to build our SaaS in record time, including:
- 🔐 Full-stack Authentication - Email verified + social Auth in a few lines of code.
- ⛑ End-to-end Type Safety - Type your backend functions and get inferred types on the front-end automatically, without the need to install or configure any third-party libraries. Oh, and type-safe Links, too!
- 🤖 Jobs - Run cron jobs in the background or set up queues simply by defining a function in the config file.
- 🚀 One-command Deploy - Easily deploy via the CLI to Fly.io, or to other providers like Railway and Netlify.
You also get access to Wasp's diverse, helpful community if you get stuck or need help.
Getting Started
Simple Instructions
First, to install the latest version of Wasp on macOS, Linux, or Windows with WSL, run the following command:
curl -sSL https://get.wasp.sh/installer.sh | sh
Then, create a new SaaS app with the following command:
wasp new -t saas
This will create a clean copy of the Open SaaS template into a new directory, and you can start building your SaaS app right away!
Detailed Instructions
For everything you need to know about getting started and using this template, check out the Open SaaS Docs.
We've documented everything in great detail, including installation instructions, pulling updates to the template, guides for integrating services, SEO, deployment, and more. 🚀
Getting Help & Providing Feedback
There are two ways to get help or provide feedback (and we try to always respond quickly!):
- Open an issue
- Wasp Discord -- please direct questions to the #🙋questions forum channel
Contributing
Note that we've tried to get as many of the core features of a SaaS app into this template as possible, but there still might be some missing features or functionality.
We could always use some help tying up loose ends: contributions are welcome! Check out CONTRIBUTING.md for more details.