Introducing amplify and full stack demo app built with vue.js, graph ql, authentication, deployment
- 1. AWS Amplify Thefastest waytobuildmobileandwebappsthatscale FullstackdemoappbuiltwithVue.js,GraphQLAPI,Authentication,Deployment Serdal Kepil Software Architect AWS Authorized Instructor
- 2. Serdal Kepil • Software Architect, AWS Authorized Instructor, AWS Consultant @Yonetim.Academy • 13+ years IT industry experience (Software Development) • .NET, NodeJS, Python • 8+ years AWS hands-on experience • Focused on Serverless Applications About me
- 4. Modern Apps Modern web apps offer a native app- like user experience by serving the app front end, or user interface, efficiently to browsers as prebuilt HTML/JavaScript files that can then invoke backend functionality without reloading the page.
- 5. Modern Apps Modern web applications functionality is often spread across multiple places such as • Databases • Authentication services, • Front end code running in the browser, • Backend business logic, • AWS Lambda functions running in the cloud, • Data Analytics, ... Complex Deployment
- 6. To meet and exceed user expectations, the front-end developer has broad responsibility
- 7. AWS Amplify provides tools for front-end developers across the app lifecycle
- 8. Some Services Used by Amplify Framework
- 10. Develop
- 11. Amplify provides a full-stack developer experience across 10 feature categories
- 12. Create backend with the Admin UI (new!) and CLI
- 13. Example: Create backend for a field service app in the admin UI Dispatcher • Create appointments with many associated tasks • Create and update data across all appointments Agent • Only see *my* appointments and tasks
- 14. Example: Create backend for a field service app in the CLI Dispatcher • Create appointments with many associated tasks • Create and update data across all appointments Agent • Only see *my* appointments and tasks
- 15. Connect to your backend with UI components & libraries for popular mobile/web frameworks
- 16. Deliver
- 17. Deliver your app: Managed hosting and full-stack deployment with CI/CD
- 18. Deliver your app: Managed hosting and full-stack deployment with CI/CD
- 19. Manage
- 20. Manage app content and users with the admin UI
- 21. Manage app content with the Admin UI
- 22. Demo
- 23. Create a Book List App with Vue.js, GraphQL, Authentication •Node.js v10.x or later •npm v5.x or later •git v2.14.1 or later ✓ npm install -g @aws-amplify/cli ✓ amplify configure ✓ npm install -g @vue/cli ✓ vue create myamplifyproject
- 24. Recap
- 25. Recap
- 26. Resources • Website: aws.amazon.com/amplify • Docs: docs.amplify.aws • Sandbox: sandbox.amplifyapp.com • Community: amplify.aws/community • GitHub: github.com/aws-amplify • Discord: discord.gg/amplify