The corresponding Notes App Client is here: https://github.com/quanganhhoang/notes-app-frontend
A demo of the completed app can be seen here.
- What was done?
- Infrastructure as code with AWS CDK and Serverless Stack Toolkit
- CI/CD with AWS CodePipeline including AWS CodeBuild
- Monitoring and Debugging - techniques to save logs and alert developers for errors happening in prod such as:
- Push backend logs to CloudWatch
- An
ErrorBoundary
React component as a fallback to catch errors as it happens (and not when app crashes when re-rendering) and saves it with another service (e.g. Sentry)
- AWS IAM roles/policies
- AWS config yaml files for select services
- A screenshot of the terminal output of running
serverless deploy -v
in the "Deploy Your Serverless Infrastructure" section. - A screenshot of the modified deployed app with the "Login" and "Signup" buttons.
- Link to the final deployed app here
- Screenshot of AWS billing dashboard displaying costs so far
- Progress: I have finished the tutorial up until
Domains and Hosting
. Notes app is deployed on AWS S3 and served with CloudFront. - Checkpoint 3 progress screenshot(s)
- Checkpoint 3 AWS billing info screenshot
- At least 10 incremental commits in the commit history since checkpoint 2
- Progress: same as checkpoint #1 ~ I have finished up until "Adding auth to a React app" of the serverless tutorial.
- Checkpoint 2 app progress screenshot(s)
- Checkpoint 2 AWS billing info screenshot
- Checkpoint 2 question answers
- At least 10 incremental commits in the commit history since checkpoint 1
- Progress: I have finished up until "Adding auth to a React app" of the serverless tutorial.
- Screenshot of DynamoDB table
- Screenshot of list notes API endpoint
- Screenshot of AWS billing dashboard
- Working links to API endpoints
A Serverless starter that adds ES6, TypeScript, serverless-offline, linting, environment variables, and unit test support. Part of the Serverless Stack guide.
Serverless Node.js Starter uses the serverless-bundle plugin and the serverless-offline plugin. It supports:
- Generating optimized Lambda packages with Webpack
- Using ES6 or TypeScript in your handler functions
- Run API Gateway locally
- Use
serverless offline start
- Use
- Support for unit tests
- Run
npm test
to run your tests
- Run
- Sourcemaps for proper error messages
- Error message show the correct line numbers
- Works in production with CloudWatch
- Lint your code with ESLint
- Add environment variables for your stages
- No need to manage Webpack or Babel configs
A demo version of this service is hosted on AWS - https://z6pv80ao4l.execute-api.us-east-1.amazonaws.com/dev/hello
And here is the ES6 source behind it
export const hello = async (event, context) => {
return {
statusCode: 200,
body: JSON.stringify({
message: `Go Serverless v1.0! ${(await message({ time: 1, copy: 'Your function executed successfully!'}))}`,
input: event,
}),
};
};
const message = ({ time, ...rest }) => new Promise((resolve, reject) =>
setTimeout(() => {
resolve(`${rest.copy} (with a delay)`);
}, time * 1000)
);
We have detailed instructions on how to upgrade your app to the v2.0 of the starter if you were using v1.x before. Read about it here.
To create a new Serverless project.
$ serverless install --url https://github.com/AnomalyInnovations/serverless-nodejs-starter --name my-project
Enter the new directory
$ cd my-project
Install the Node.js packages
$ npm install
To run a function on your local
$ serverless invoke local --function hello
To simulate API Gateway locally using serverless-offline
$ serverless offline start
Deploy your project
$ serverless deploy
Deploy a single function
$ serverless deploy function --function hello
Run your tests using
$ npm test
We use Jest to run our tests. You can read more about setting up your tests here.
To add environment variables to your project
- Rename
env.example
to.env
. - Add environment variables for your local stage to
.env
. - Uncomment
environment:
block in theserverless.yml
and reference the environment variable as${env:MY_ENV_VAR}
. WhereMY_ENV_VAR
is added to your.env
file. - Make sure to not commit your
.env
.
If serverless-bundle detects a tsconfig.json
in your service root, it'll compile it using TypeScript. We have a separate starter for TypeScript here, Serverless TypeScript Starter.
We use ESLint to lint your code via serverless-bundle.
You can turn this off by adding the following to your serverless.yml
.
custom:
bundle:
linting: false
To override the default config, add a .eslintrc.json
file. To ignore ESLint for specific files, add it to a .eslintignore
file.
- Open a new issue if you've found a bug or have some suggestions.
- Or submit a pull request!
This repo is maintained by Anomaly Innovations; makers of Seed and Serverless Stack.