Serverless Todo App with AWS

Build scalable apps with AWS Serverless using almost any languageю. This is a hands-on walkthrough with a simple Todo example.

Transcript

2. New York USA London UK Munich Germany Zug Switzerland SERVERLESS TODO APP WITH AWS AND JAVASCRIPT
3. / 3 Oleksandra Holubitska
4. SERVERLESS = FUNCTION AS A SERVICE / 4
5. EVENT TRIGGERS / 5 TRIGGER EVENT
6. EXAMPLE: A CLOUD FUNCTION IN JAVASCRIPT / 6
7. A SIMPLE SERVERLESS.YML FILE – LIKE A RECIPE / 7
8. SERVERLESS FRAMEWORK PLUGINS / 8 [] serverless-webpack – Bundle your app using Webpack <> serverless-domain-manager – Add a custom domain (like api.myapp.com) {} serverless-offline – Test your functions on your own computer TS serverless-typescript – Use TypeScript in your cloud functions
9. WHAT IS INFRASTRUCTURE AS CODE (IAC)? / 9 -x No waste Unused resources get removed !! Fewer mistakes No manual clicks—less chance for error <> Smart updates Only the needed changes are applied {} Developer-friendly YAML makes it easy to understand
10. YOUR APP BECOMES A CLOUD STACK / 10 [] CloudFormation Stack >> Events Tab ## Resources Tab !! Debugging Made Easy
11. BIG COMPANIES, BIG IMPACT / 11 CDN
12. SIMPLE STEPS TO GET STARTED / 12
13. SET UP ACCESS BETWEEN YOUR COMPUTER AND AWS / 13 • What You Need to Do: • <> Create a New AWS User → Go to IAM (Identity and Access Management) in AWS → Click Users → Add User → Give it any name (e.g. todo-app-user) • [] Enable Access → Enable both: • Programmatic access (for CLI) • Console access (for web login)
14. SET UP ACCESS BETWEEN YOUR COMPUTER AND AWS / 14 • What You Need to Do step 2: !! Give Permissions (Temporarily) → Attach the AdministratorAccess policy → (Okay for learning, not for production) • {} Save Credentials → Save the Access Key ID and Secret Access Key →You’ll use these with aws configure
15. SET UP ACCESS BETWEEN YOUR COMPUTER AND AWS / 15 What You Need to Do step 3: → In your terminal, type: → Paste your keys → Region: eu-west-1 → Output format: yaml or json
16. SERVERLESS.YML – MINIMAL EXAMPLE / 16
17. HANDLER.JS – HELLO FUNCTION / 17
18. PACKAGE.JSON / 18
19. WHAT WE’RE BUILDING / 19 Fully backend-powered TODO app Built with AWS Lambda, API Gateway, and DynamoDB Written in JavaScript, deployed with Serverless Framework
20. SIMPLE SERVERLESS ARCHITECTURE / 20
21. THE DYNAMODB TABLE / 21 Table name: todos Partition key: id (string, UUID) Other attributes: task, createdAt, completed
22. CREATE A TODO (POST /TODOS) / 22
23. GET ALL TODOS (GET /TODOS) / 23
24. GET TASK BY ID (GET /TODOS/{ID}) / 24
25. UPDATE TASK (PATCH /TODOS/{ID}) / 25
26. DELETE TASK (DELETE /TODOS/{ID}) / 26
27. OPTIONAL – MIDDY MIDDLEWARE / 27
28. RECAP / 28 Serverless TODO app: Create, Read, Update, Delete Built with Lambda, API Gateway, DynamoDB Optional tools: Middy, S3
29. THANK YOU / 29