Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building your SaaS in no time on AWS

Building your SaaS in no time on AWS

This talk is all about how AWS can help you to accelerate building applications aided by generative AI & AWS Amplify, at scale.

Nicolas DAVID

December 14, 2023
Tweet

More Decks by Nicolas DAVID

Other Decks in Technology

Transcript

  1. © 2022, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Building your SaaS in no time on AWS Nicolas David (He/Him) Senior Startups Solutions Architect MEA Amazon Web Services Boost your Developers productivity ASTROLABS RIYADH | AWS TECH SESSION
  2. © 2023, Amazon Web Services, Inc. or its affiliates. Nicolas

    David (He/Him) Sr Startup Solutions Architect MEA Al-Manāmah, Kingdom of Bahrain Nicolas works hand in hand with technical co- founders, engineers and developers to help them make the most of the Cloud. He is at the crossroads of business and technology and engages with organizations at all stages of cloud adoption. Nicolas also takes a leading role in creating and presenting technical content and best practices.
  3. © 2023, Amazon Web Services, Inc. or its affiliates. Agenda

    • Quick Intro • Amazon CodeWhisperer • AWS Amplify • Demo time • Resources • Q&A
  4. © 2023, Amazon Web Services, Inc. or its affiliates. ©

    2022, Amazon Web Services, Inc. or its affiliates. Quick Intro 4
  5. © 2023, Amazon Web Services, Inc. or its affiliates. Generative

    AI refers to a type of artificial intelligence system that can generate new content, such as images, videos, text, or even music, that is similar to what a human might produce. This type of AI is based on deep learning algorithms that are trained on large amounts of data, such as images or text, and use that data to generate new content. ChatGPT, September 2023 5 What is Generative AI (GenAI) ?
  6. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Language models Text generation, text summarization, extraction, classification AI21 Labs’ wordtune read AI21 Labs’ wordtune 6 Cohere’s transcript summarization API
  7. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. GenAI is transforming AI Image generation, transformation, upscaling Seamless transformation 4x Upscaling Text to Image: Generated by Stable Diffusion 2.0 This interior does not exist 7
  8. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. GenAI Use Cases Text Code Image Video Speech 3D Other Marketing Code Correction Art Video Generation Voice Synthesis Metaverse Gaming Search Code Gen Consumer Video Editing Music Contact Center Documentation Social Media Drug Discovery AI Characters Text to SQL Media/Ads Protein Folding Writing Web App Dev Design Action based LLM Legal
  9. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. 9 Amazon CodeWhisperer Build applications faster and more securely with an AI coding companion NEW
  10. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon CodeWhisperer: Now generally available and free to use for individual developers! 10 During preview Amazon ran a productivity challenge, and participants who used Amazon CodeWhisperer were 27% more likely to complete tasks successfully and did so an average of 57% faster than those who did not use CodeWhisperer. Generate code suggestions in real time Scan code for hard-to- find vulnerabilities Flag code that resembles open-source training data or filter by default
  11. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. 11 AWS Amplify Amplify is a set of tools and services that makes it easy for frontend and full-stack developers to build scalable web and mobile apps faster
  12. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. 12 Agility Time to market Rapid innovation No one-way doors Great experience Multidevice Modern look/feel Differentiated features Production-ready Low latency Secure Reliable and scalable Technical needs Fullstack development Features that use device + cloud Integrated development Less boilerplate Best practices built in Web Native-like experience Support for hybrid client/server rendering (e.g., Next.js) Cross-platform One codebase Support for Flutter, React Native, Apple cross-platform Development Flows
  13. © 2023, Amazon Web Services, Inc. or its affiliates. We

    built Amplify to make it easy for frontend developers to build full-stack apps
  14. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. 14 Build AWS backend Amplify Studio Amplify CLI Build app UI (web) Amplify Studio Host an app (web) Amplify Hosting FULLSTACK DEVELOPMENT WEB Connect to backend Amplify Libraries UI Components CROSS-PLATFORM & MOBILE AWS Amplify
  15. © 2023, Amazon Web Services, Inc. or its affiliates. Performance

    Deliver lowest possible latency to users globally Scale Handle peak usage and traffic spikes Flexibility Build with a comprehensive offering of compute, integration services, databases and more Lower TCO Get started with free tier, no per-seat pricing, pay only for what you use Agility Fully-managed: innovate and get to market faster Modern hosting Supports the common frameworks used today 15 AWS Amplify Hosting benefits
  16. © 2023, Amazon Web Services, Inc. or its affiliates. 16

    02:33:00 Preparing Repository 02:33:05 Reticulating Splines 02:34:11 Launch Prep Initiated 02:34:57 Launch Prep Complete 02:35:03 We Have Lift-Off How it works: Connect your repository 1 Configure build settings Deploy your app 2 3 CodeCommit Host your app with Amplify Hosting
  17. © 2023, Amazon Web Services, Inc. or its affiliates. 17

    CI/CD workflows connect git branches to automatically deploy changes in a single workflow Pull request previews work on new features before going live, without impacting production Custom Domains Setup custom domains including feature branches Redirects and custom headers configure your hosted site with redirects, rewrites and custom headers Automated tests Automate build verification tests to validate application functionality before moving to production Monitoringof hosting metrics for your app in near real-time, create custom alarms based on thresholds Supports common SPA frameworks React, Angular, Vue.js, Svelte, Ionic, Ember and other JavaScript Supports Server-side Rendered (SSR) rendering occurs on server before sending page to browser; ideal for personalized content Password protection - Share yet-to-be released features with internal stakeholders by setting a username and password. Amplify Hosting Features
  18. © 2023, Amazon Web Services, Inc. or its affiliates. Client-Side

    Rendered (single page application) • Frontend application loaded as JavaScript and runs in the client browser. • JavaScript files contain application logic, UI, and communication with backend. • Popular frameworks include React, Angular, Vue Server-Side Rendered (SSR) • Rendering occurs on the server before sending page to browser. • Data is fetched from a database or CMS. • Ideal for applications that have content that is personalized for each user. • Popular frameworks include NextJS, NuxtJS, GatsbyJS Static Site Generators (SSG) • Content is generated at the build time • Ideal for sites content does not need to be highly personalized • Typically used in concert with a headless CMS and CDN • Popular solutions include Gatsby, Eleventy, Hugo, VuePress, and Jekyll Clients CDN Microservices 18 Modern hosting requirements fulfilled by Amplify
  19. © 2023, Amazon Web Services, Inc. or its affiliates. ©

    2022, Amazon Web Services, Inc. or its affiliates. Demo Time ! 19 Amplify Hosting: Host a web app
  20. © 2023, Amazon Web Services, Inc. or its affiliates. ©

    2022, Amazon Web Services, Inc. or its affiliates. Resources 20
  21. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Resources 21 AWS Amplify Getting Started - Hands on AWS Amplify Documentation Amazon CodeWhisperer Documentation Amazon CodeWhisperer Getting Started - Hands on Amazon CodeWhisperer Workshop Amplify JavaScript Sample Applications
  22. © 2023, Amazon Web Services, Inc. or its affiliates. ©

    2022, Amazon Web Services, Inc. or its affiliates. Q&A 22
  23. © 2023, Amazon Web Services, Inc. or its affiliates. ©

    2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Please complete session survey
  24. © 2023, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Thank you! © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Web Services, AWS, the Powered by AWS logo, and all AWS service names used in this slide deck are trademarks of Amazon.com, Inc. or its affiliates. Nicolas David (He/Him) [email protected] /in/nicolasdavid/ @nuage_ninja