Skip to content

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) environment. It provides a solid foundation for building a scalable and cost-efficient SaaS application that is mobile responsive.

Notifications You must be signed in to change notification settings

tannerbyers/AWS-React-SaaS-Boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Here's an updated version of the README, showcasing a modern full-stack SaaS template built using AWS:

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

About

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) environment. It provides a solid foundation for building a scalable and cost-efficient SaaS application that is mobile responsive.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published