Skip to content

Latest commit

 

History

History
53 lines (38 loc) · 2.54 KB

README.md

File metadata and controls

53 lines (38 loc) · 2.54 KB

Modern Frontend SaaS Template with AWS

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.

Features

  • 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

Screenshots

Landing Page Screenshot Login and # Pages Screenshot Dashboard Page Screenshot

Installation

  1. Clone the repository.
  2. Install dependencies by running npm install.
  3. Set up your AWS account in AWS CLI
  4. Copy the .env_example files as .env and set them to your accounts.
  5. Customize the application to your needs.

Deployment

  1. cd Frontend && npm run build
  2. cd ../Infrastructure
  3. npm run build
  4. DEPLOY! npm run deploy

Local Development

  1. npm run local
  2. you can also cd into the Frontend folder and start it.

Recommendations

  1. 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.

To-Do for OSC

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.

License

This project is licensed under the MIT License. See the LICENSE file for details.