123ArticleOnline Logo
Welcome to 123ArticleOnline.com!
ALL >> Hardware-Software >> View Article

Getting Started With Open Saas

Profile Picture
By Author: Ricardo Batista
Total Articles: 1
Comment this article
Facebook ShareTwitter ShareGoogle+ ShareTwitter Share

When building [AI Blog Articles](https://getaiblogarticles.com/) and [Meeting Reminders](https://meeting-reminders.com/), I decided to get started as fast as possible. So I looked for a free boilerplate and stumbled upon Open SaaS, which used YC-backed Wasp. It is a full-stack React + NodeJS + Prisma that takes 8 hours to get started with.

Their documentation is brilliant, and great support over Discord. I decided to list here the full walkthrough on how to set up the development environment so that it is a simple copy-paste for you.

For frontend deployment, I used Netlify (for the generous free package) and the recommended fly.io for server + database (also cheap package).

Run development commands

Start development database:
cd app && wasp start db

View development database in Prisma:
wasp db studio

Start development app:
cd app && wasp start

Start development blog:
cd blog && npm install && npm run dev

Run frontend deployment commands

Locate the folder:
cd .wasp/build/web-app

Install dependencies:
...
... npm install && REACT_APP_API_URL={your-server-URL} npm run build

Deploy preview:
netlify deploy

Deploy to production:
netlify deploy --prod

Every time there is a Wasp app rebuild (with wasp build), it will remove your .wasp/build/ directory. Until the GitHub issue is fixed, you need to update netlify.toml’s publish line to:

publish = ".wasp/build/web-app/build"

Run backend & db deployment commands

Locate the folder:
cd .wasp/build/

Deploy preview:
flyctl deploy --remote-only --config ../../src/shared/fly-server.toml
Every time there is a Wasp app rebuild (with wasp build), it will remove your .wasp/build/ directory. That’s why there is a copy of the file in app/src/shared/.

Run blog deployment commands

Locate the folder:
cd blog

Build the app:
npm run build

Deploy preview:
netlify deploy

Deploy to production:
netlify deploy --prod


Good luck with building, hopefully it will be faster now!

Other projects from the Founder:

- [Tramitit](https://tramitit.com/)
- [FidForward](https://fidforward.com/)

Total Views: 55Word Count: 259See All articles From Author

Add Comment

Hardware/Software Articles

1. Top 10 Salesforce Development Companies In The Usa
Author: Ashapura Softech

2. Top Devops Consulting & Services Companies In Usa
Author: Ashapura Softech

3. Maximising The Lifespan Of H3 Treated Pine: Care And Maintenance Guide
Author: Timber Central

4. Amadeus System
Author: kitty litter

5. Common Pitfalls In The Proofing Process And How To Avoid Them
Author: ayush

6. Securing Your Corporate Network: Protecting Your Digital Environment
Author: Harry Smith

7. Techniques And Top Trends For Sap S/4hana In Indore
Author: Reet Yadav

8. Understanding The Vendor Management System: A Key To Efficient Business Operations
Author: nagaraj

9. The Importance Of A Sales Order Management System
Author: nagaraj

10. The Rise Of Facebook Hacking Services: A Deep Dive Into Hire A Hacker Online
Author: Paul Dalfio

11. Optimize Your Procurement With Advanced Purchase Order Software
Author: nagaraj

12. Accelerating Growth For Small And Medium Businesses With Netsuite Crm | Openteq
Author: prashanth kumar

13. Streamline Your Sales Process With An Efficient Quotation Management System
Author: nagaraj

14. Internet Booking Engine
Author: kitty litter

15. Transform Your Business With Cutting-edge Procurement Software Solutions
Author: nagaraj

Login To Account
Login Email:
Password:
Forgot Password?
New User?
Sign Up Newsletter
Email Address: