Modern Frontend SaaS Template with AWS is a generic template designed for creating Software as a Service (SaaS) UIs within the Amazon Web Services (AWS) space. It provides a solid foundation for building a scalable and cost-efficient SaaS application that is mobile responsive and suitable for startups.
- Deploy with AWS: The template is easy to deploy with AWS CDK toolkit into the AWS environment using S3, Cloudfront, and Cognito.
- Built with Modern Tech Stack: The template is built using modern technologies like React, Vite, WindiCSS (Tailwind alternative), AWS CDK, and AWS Amplify.
- Generic SaaS Template: The template provides landing pages, login, sign-up, dashboard.
- Cost Efficient: The template is cost-efficient by using static hosting or serverless architecture wherever possible.
- Mobile Responsive: The template is mobile responsive and able to adapt to different screen sizes.
- Built for Startups: The template is built with startups in mind. Very lean but thought out design decisions
- Clone the repository.
- Install dependencies by running
npm install. - Set up your AWS account in AWS CLI
- Copy the
.env_examplefiles as.envand set them to your accounts. - Customize the application to your needs.
cd Frontend && npm run buildcd ../Infrastructurenpm run build- DEPLOY!
npm run deploy
npm run local- you can also cd into the Frontend folder and start it.
- Highly recommend setting up AWS budgets for whatever you're comfortable spending. This should all fall under their free tier but it scale and charge to meet user needs.
The following tasks need to be completed:
- Add Subscription with Stripe: Add a subscription service using Stripe.
- Add authentication with routes and subscriptions
- An Easy Way to Set Themes: Add an easy way to set themes.
- CICD Setup: Set up continuous integration and continuous deployment with CodePipeline.
This project is licensed under the MIT License. See the LICENSE file for details.