DEV Community

Cover image for Introducing Serverless UI: A command-line utility for deploying serverless applications to AWS
Jake Partusch
Jake Partusch

Posted on

Introducing Serverless UI: A command-line utility for deploying serverless applications to AWS

GitHub logo JakePartusch / serverlessui

A command-line utility for deploying serverless applications to AWS. Complete with custom domains, deploy previews, TypeScript support, and more.

Serverless UI

Serverless UI

šŸ’» šŸš€ ā˜

Deploying Websites to AWS on Easy Mode

Serverless UI is a free, open source command-line utility for quickly building and deploying serverless applications on AWS

  • Bring your own UI It doesn't matter if it's React, Vue, Svelte or JQuery. If it compiles down to static files, then it is supported.

  • Serverless Functions Your functions become endpoints, automatically. Serverless UI deploys each function in your /functions directory as a Node.js lambda behind a CDN and API Gateway for an optimal blend of performance and scalability.

  • Deploy Previews Automatically deploy each iteration of your application with a separate URL to continuously integrate and test with confidence.

  • Custom Domains Quickly configure a custom domain to take advantage of production deploys!

  • TypeScript Support Write your serverless functions in JavaScript or TypeScript. Either way, they'll be bundled down extremely quickly and deployed as Node.js 14 lambdas.

  • Own your code Skipā€¦

Deploying Websites to AWS on Easy Mode

Serverless UI is a free, open source command-line utility for quickly building and deploying serverless applications on AWS

  • Bring your own UI It doesn't matter if it's React, Vue, Svelte or JQuery. If it compiles down to static files, then it is supported.

  • Serverless Functions Your functions become endpoints, automatically. Serverless UI deploys each function in your /functions directory as a Node.js lambda behind a CDN and API Gateway for an optimal blend of performance and scalability.

  • Deploy Previews Automatically deploy each iteration of your application with a separate URL to continuously integrate and test with confidence.

  • Custom Domains Quickly configure a custom domain to take advantage of production deploys!

  • TypeScript Support Write your serverless functions in JavaScript or TypeScript. Either way, they'll be bundled down extremely quickly and deployed as Node.js 14 lambdas.

  • Own your code Skip the 3rd Party services ā€” get all of the benefits and security of a hosted AWS application, without going through a middleman. Deploy to a new AWS account, or an existing account and get up and running in five minutes!

šŸš€ Get Up and Running in 5 Minutes

You can get a new Serverless UI site deployed to you AWS account in just a few steps:

  1. AWS Prerequisites

In order to deploy to AWS, you'll have to configure your machine with local credentials. You'll find the best instructions here.

  1. Install the AWS CDK.
   npm install -g aws-cdk
Enter fullscreen mode Exit fullscreen mode
  1. Install the Serverless UI Command-Line Interface
   npm install -g @serverlessui/cli
Enter fullscreen mode Exit fullscreen mode
  1. Bootstrap your AWS Environment

Next, specify your account and region to bootstrap the CDK environment for quicker subsequent deployments

   cdk bootstrap aws://ACCOUNT-NUMBER-1/REGION-1
Enter fullscreen mode Exit fullscreen mode
  1. Deploy your static website

Finally, tell the Serverless UI where to find your website's static files

   sui deploy --dir="./dist"
Enter fullscreen mode Exit fullscreen mode

That's It!

Enjoy your serverless application, deployed on your own infrastructure.

Top comments (0)