Host the front-end of your web applications on Serverless framework on AWS Lambda right alongside the API.
It is a fast and easy way to get started and makes it trivial to deploy your web applications. If you need better response time in the future and get concerned about AWS costs of using Lambda to static content, you put CloudFront in front of your Serverless endpoints service static content.
- Usage / Quick Start
- Prerequisites / Usage Requirements
- Install
- Features
- Contributing π€
- Show your support
- Release Process (Deploying to NPM)
- License π
Import & initialize:
const StaticFileHandler = require('serverless-aws-static-file-handler')
# configure where to serve files from:
const clientFilesPath = path.join(__dirname, "./data-files/")
const fileHandler = new StaticFileHandler(clientFilesPath)
Define a handler in your code as follows:
module.exports.html = async (event, context) => {
event.path = "index.html" // forcing a specific page for this handler, ignore requested path. This would serve ./data-files/index.html
return fileHandler.get(event, context)
}
In your serverless.yml file, reference the handler function from above to provide routes to your static files:
functions:
html:
handler: handler.html
events:
- http:
path: /
method: get
# Note Binary files work too! See configuration information below
png:
handler: handler.png
events:
- http:
path: png
method: get
# The following example uses a path placeholder to serve all files directly in the /binary/ directory:
binary:
handler: handler.binary
events:
- http:
path: /binary/{pathvar+}
method: get
To serve binary content make sure that you setup the plugin in your serverless.yml like so:
plugins:
- serverless-aws-static-file-handler/plugins/BinaryMediaTypes
custom:
apiGateway:
binaryMediaTypes:
- "image/png"
- "image/jpeg"
Some additional real-world examples are demonstrated in the examples/basic/ directory as well as a serverless-offline-specific example in examples/serverless-offline/.
Requires Node.js latest, LTS, or v10 (tested).
Requires Serverless Framework v1.x. If you are new to the Serverless Framework, check out the Serverless Framework Getting Started Guide.
Install with yarn (yarn add serverless-aws-static-file-handler) or npm (npm install serverless-aws-static-file-handler --save-prod)
- Simple to get started
- Works with text files such as HTML or binary files such as images or fonts
This is a community project. We invite your participation through issues and pull requests! You can peruse the contributing guidelines.
Give a βοΈ if this project helped you!
We use semantic-release to consistently release semver-compatible versions. This project deploys to multiple npm distribution tags. Each of the below branches correspond to the following npm distribution tags:
| branch | npm distribution tag |
|---|---|
| main | latest |
| beta | beta |
To trigger a release use a Conventional Commit following Angular Commit Message Conventions on one of the above branches.
Copyright Β© 2017 [email protected].
This project is MIT licensed.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
![greenkeeper[bot] avatar](https://avatars.githubusercontent.com/in/505?v=4 "greenkeeper[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
