{"componentChunkName":"component---src-templates-landing-jsx","path":"/use-cases/","result":{"data":{"prismic":{"landing":{"_meta":{"lang":"en-us","lastPublicationDate":"2021-05-03T22:04:08+0000","type":"landing","uid":"use-cases"},"body":[{"__typename":"PRISMIC_LandingBodyHerotext","type":"herotext","label":null,"primary":{"fullscreen":false,"large_text":false,"text_color":"light","background_color":null,"background_image":{"dimensions":{"width":1440,"height":264},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/1b82ad6d-be7d-476a-b10a-b90d1f2e0c61_Hero_img.jpg?auto=compress,format"},"display_primary_cta":false,"display_secondary_cta":false,"heading":[{"type":"heading1","text":"Learn what you can build with App Platform","spans":[]}],"primary_cta_color":"primary","primary_cta_link":null,"primary_cta_text":null,"secondary_cta_link":null,"secondary_cta_text":null,"subheading":[{"type":"heading2","text":"App Platform provides a fully managed solution to rapidly build, deploy, manage, and scale apps. Deploy code by simply pointing to GitHub or GitLab repository and let App Platform manage the infrastructure, application runtimes, and other dependencies. ","spans":[]}],"text_alignment":"center"}},{"__typename":"PRISMIC_LandingBodyCardsv2","type":"cardsv2","label":null,"fields":[{"image":{"dimensions":{"width":48,"height":48},"alt":null,"copyright":null,"url":"https://prismic-io.s3.amazonaws.com/www-static/f0be8f3e-3192-4418-94c2-32ba456183a4_icon-website-hosting.svg"},"link":null,"text":[{"type":"paragraph","text":"Build dynamic apps in popular languages like Python, NodeJS ","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Web apps","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":48,"height":48},"alt":null,"copyright":null,"url":"https://prismic-io.s3.amazonaws.com/www-static/178670e0-cef0-4eb0-80e1-0c4272ec0c38_icon-saas-dev.svg"},"link":null,"text":[{"type":"paragraph","text":"Create websites that are fast, secure, and highly scalable","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Static sites","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":48,"height":48},"alt":null,"copyright":null,"url":"https://prismic-io.s3.amazonaws.com/www-static/f8c27733-98f2-4938-a16b-7e6fe2371d03_icon-managed-cloud-hosting.svg"},"link":null,"text":[{"type":"paragraph","text":"Add automation via APIs

","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"APIs","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":48,"height":48},"alt":null,"copyright":null,"url":"https://prismic-io.s3.amazonaws.com/www-static/6421738f-c084-4cce-84af-ee0c680910a5_pen-write+1.svg"},"link":null,"text":[{"type":"paragraph","text":"Improve efficiency by adding background workers
","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Background workers","spans":[]}],"title_color":null}],"primary":{"background_color":null,"columns":"4","content_alignment":"left","cta_button_text":null,"cta_button_url":null,"heading":[{"type":"heading1","text":"Common use cases for App Platform","spans":[]}],"heading_color":null,"subheading":null,"subheading_color":null,"text_color":"dark","background_image":null}},{"__typename":"PRISMIC_LandingBodyListgridv2","type":"listgridv2","label":null,"primary":{"background_color":"#f3f5f9","background_image":null,"heading":[{"type":"heading1","text":"App Showcase","spans":[]}],"heading_color":null,"list_column_number":"2","list_item_alignment_position":"left","list_item_heading_color":null,"list_item_text_color":null,"list_item_icon_position":"left","list_item_icon_size":"128","subheading":[{"type":"paragraph","text":"Amazing apps hosted on App Platform that you can take inspiration from. Web services, databases, static sites, and more.","spans":[]}],"subheading_color":null,"text_color":"dark","cta_button_text":null,"cta_button_url":null,"annotation":null},"fields":[{"list_item_heading":[{"type":"heading1","text":"Portfolio","spans":[]}],"list_item_icon":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/fab9b445-7434-474e-b8e6-dc8531e54a3c_Rectangle+4.png?auto=compress,format"},"list_item_text":[{"type":"paragraph","text":"A brilliant portfolio that takes animation and navigation to the next level.","spans":[]}],"list_item_url_link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://hackathon-portfolio-dhcjn.ondigitalocean.app/"},"list_item_url_text":null},{"list_item_heading":[{"type":"heading1","text":"Mental Health Crisis App","spans":[]}],"list_item_icon":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/8cfbb4c3-ae4a-495c-9526-20104f8c3bbe_Rectangle+4+%283%29.png?auto=compress,format"},"list_item_text":[{"type":"paragraph","text":"An insightful app that encourages families and friends to monitor those that they are close to.","spans":[]}],"list_item_url_link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://hackathon-mental-health-nfuzt.ondigitalocean.app/"},"list_item_url_text":null},{"list_item_heading":[{"type":"heading1","text":"Guild.so","spans":[]}],"list_item_icon":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/cb7daa36-ceb0-437f-a77d-2e8148417231_Rectangle+4+%282%29.png?auto=compress,format"},"list_item_text":[{"type":"paragraph","text":"A Laravel application that allows users to create team accounts and clock-in and clock-out.","spans":[]}],"list_item_url_link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://guild-hrl5f.ondigitalocean.app/"},"list_item_url_text":null},{"list_item_heading":[{"type":"heading1","text":"Potatizer","spans":[]}],"list_item_icon":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/355c4e48-133a-4e7c-8a53-28f4e16fd32c_Rectangle+4+%284%29.png?auto=compress,format"},"list_item_text":[{"type":"paragraph","text":"A fun app to randomly generate a potato with a mood of its own.","spans":[]}],"list_item_url_link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://potatizer-bl6g8.ondigitalocean.app/"},"list_item_url_text":null}]},{"__typename":"PRISMIC_LandingBodyCardsv2","type":"cardsv2","label":null,"fields":[{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/5ec4571b-a5b9-4a7a-a8fc-3ec44575a2d1_RSS+Reader.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://github.com/do-community/rss-reader-api"},"text":[{"type":"paragraph","text":"Deploy this RSS feed aggregator and start getting news stories from your favorite sites. Sample app (here are the repos for front end and API)","spans":[{"start":89,"end":99,"type":"hyperlink","data":{"link_type":"Web","url":"https://rss-reader.shark.codes/"}},{"start":124,"end":133,"type":"hyperlink","data":{"link_type":"Web","url":"https://github.com/do-community/rss-reader-frontend"}},{"start":138,"end":141,"type":"hyperlink","data":{"link_type":"Web","url":"https://github.com/do-community/rss-reader-api"}}]}],"text_color":null,"title1":[{"type":"heading5","text":"RSS Reader aggregator","spans":[]}],"title_color":null},{"image":null,"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://github.com/do-community/blog-strapi"},"text":[{"type":"paragraph","text":"Create a blog using Strapi as your backend and Next.js as your frontend. We can use DigitalOcean App Platform to deploy Next as a static site.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Static Site Blog","spans":[]}],"title_color":null},{"image":null,"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://github.com/do-community/guest-book-laravel"},"text":[{"type":"paragraph","text":"Create a digital guest book where people can enter their message. The backend is a Laravel API and the frontend is React.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Guest Book","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/25ae9264-6b64-41e3-b3a8-666ac2e64673_coming+soon.jpg?auto=compress,format"},"link":null,"text":[{"type":"paragraph","text":"Build a URL shortener using a Django backend API and a Vue frontend. Deploy both to App Platform.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"URL Shortener","spans":[]}],"title_color":null}],"primary":{"background_color":"#ffffff","columns":"4","content_alignment":"left","cta_button_text":null,"cta_button_url":null,"heading":[{"type":"heading1","text":"Sample apps","spans":[]}],"heading_color":null,"subheading":[{"type":"paragraph","text":"Cool apps to help you kick tires and experience the power of App Platform","spans":[]}],"subheading_color":null,"text_color":"dark","background_image":null}},{"__typename":"PRISMIC_LandingBodyCardsv2","type":"cardsv2","label":null,"fields":[{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/0e541d16-26ac-42e0-82ca-b5975299a5a7_Deploy_github.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://youtu.be/fE0ybwkW9Pw"},"text":[{"type":"paragraph","text":"Learn how to connect to your code in GitHub repo and deploy it using App Platform","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Deploy an App from Github","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/6a41f5f4-61e7-4bc1-b61d-14787b58fda7_deploy_app_to_ap.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://youtu.be/qkg5Cufa-C8"},"text":[{"type":"paragraph","text":"Learn how you can quickly build a dynamic app and deploy API and front end to App Platform","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Deploy a full API and frontend to App Platform","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/5b624c26-f686-4b69-aa48-884d139bf525_Gatsby.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://youtu.be/3nK6rcAbuzo"},"text":[{"type":"paragraph","text":"Check out how you can easily deploy a static site built in Gatsby","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Deploy a Gatsby static site","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":222,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/d478eb7f-5967-404b-ac7b-06100a248a8c_Laravel.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://youtu.be/tFOPjC97umw"},"text":[{"type":"paragraph","text":"Learn how to quickly deploy a Laravel based dynamic app.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Deploy a dynamic Laravel app","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":1041,"height":522},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/c1cbe83d-e4d2-4198-a5c2-2c54f94a6fec_Python_app.png?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.youtube.com/watch?v=NUGrTCRoIFk&feature=youtu.be"},"text":[{"type":"paragraph","text":"Learn how to setup your Django project and deploy it to App Platform","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Deploy a Django App","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":769,"height":395},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/a3fd786a-0538-4441-a1e1-5a4765fa60a9_slack+video.png?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.youtube.com/watch?v=FdXS-NpxtSo&featurehttps://"},"text":[{"type":"paragraph","text":"Learn how to build and deploy your first Python Slackbot on App Platform","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"Build and deploy a Slackbot","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":1280,"height":720},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/507660f3-8a18-41ca-89cb-b92a28e143b4_1ldjq5M7cbw-HD.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.youtube.com/watch?v=1ldjq5M7cbw"},"text":null,"text_color":null,"title1":[{"type":"heading5","text":"Deploy a Next.js App","spans":[]}],"title_color":null}],"primary":{"background_color":"#f3f5f9","columns":"4","content_alignment":"left","cta_button_text":null,"cta_button_url":null,"heading":[{"type":"heading1","text":"Videos","spans":[]}],"heading_color":null,"subheading":[{"type":"paragraph","text":"Short how-to videos to help you get up and running with App Platform","spans":[]}],"subheading_color":null,"text_color":"dark","background_image":null}},{"__typename":"PRISMIC_LandingBodyListalternatingv2","type":"listalternatingv2","label":null,"fields":[{"list_alt_image":{"dimensions":{"width":1128,"height":800},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/daea7895-e76a-403e-858a-036a90a87e68_App+Platform+-+Git+Deploy+Button.png?auto=compress,format"},"list_alt_link":null,"list_alt_link_text":null,"list_alt_text":[{"type":"paragraph","text":"Deploy your open source applications to DigitalOcean with the click of a button. Learn more","spans":[{"start":81,"end":91,"type":"hyperlink","data":{"link_type":"Web","url":"https://www.digitalocean.com/docs/app-platform/how-to/add-deploy-do-button/"}}]}],"list_alt_title":null,"list_link_color":null,"list_text_color":null,"list_title_color":null}],"primary":{"background_color":null,"heading":null,"subheading":null,"background_image":null,"heading_color":null,"subheading_color":null,"text_color":"dark"}},{"__typename":"PRISMIC_LandingBodyCardsv2","type":"cardsv2","label":null,"fields":[{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/b111aac2-c42f-4a3d-90ad-a06f7fffae4b_tutorial+1.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-deploy-a-static-website-to-the-cloud-with-digitalocean-s-app-platform"},"text":[{"type":"paragraph","text":"Learn how to deploy your static website to the cloud with DigitalOcean App Platform. We’ll walk you through all the steps, including how to get started with GitHub. No prior deployment experience is necessary in this beginner-friendly tutorial.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How to deploy a static website to the cloud with DigitalOcean App Platform (for beginners)","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/c9c00be4-9c65-4766-9a52-6cd76629715a_tutorial+2.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-deploy-a-static-site-from-github-to-digitalocean-s-app-platform-quickstart"},"text":[{"type":"paragraph","text":"Learn how to deploy your static site from GitHub with DigitalOcean App Platform in just a few quick steps. If you don’t have a static site, you can use our sample site to learn how the App Platform works.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How to deploy a static site from GitHub to DigitalOcean App Platform (Quickstart)","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/b111aac2-c42f-4a3d-90ad-a06f7fffae4b_tutorial+1.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-deploy-django-to-app-platform"},"text":[{"type":"paragraph","text":"Django is a powerful web framework that allows you to deploy your Python applications or websites. In this tutorial, learn how to create and configure a Django project and deploy it to DigitalOcean’s App Platform using GitHub.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How To Deploy a Django App on App Platform","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/c9c00be4-9c65-4766-9a52-6cd76629715a_tutorial+2.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-deploy-a-next-js-app-to-app-platform"},"text":[{"type":"paragraph","text":"Next.js is a unique framework built on top of React that lets you build React apps quickly. In this tutorial, learn how to deploy a Next.js application to DigitalOcean’s App Platform using a Static Export and a Custom Server. ","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How To Deploy a Next.js App to App Platform","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/c9c00be4-9c65-4766-9a52-6cd76629715a_tutorial+2.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-deploy-a-react-application-to-digitalocean-app-platform"},"text":[{"type":"paragraph","text":"In this tutorial, you’ll deploy a React application to the DigitalOcean App Platform using the free Starter tier. You’ll build an application with Create React App, push the code to a GitHub repository, then configure the application as a DigitalOcean app. ","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How To Deploy a React Application to DigitalOcean App Platform","spans":[]}],"title_color":null},{"image":{"dimensions":{"width":358,"height":110},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/b111aac2-c42f-4a3d-90ad-a06f7fffae4b_tutorial+1.jpg?auto=compress,format"},"link":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://www.digitalocean.com/community/tutorials/how-to-build-and-deploy-a-hugo-site-to-digitalocean-app-platform"},"text":[{"type":"paragraph","text":"Hugo is a static site generator and framework for building websites. In this tutorial, learn how to use Hugo to build a small static website and deploy it to DigitalOcean’s App Platform using GitHub. Then you’ll make changes to your site and see those changes deployed automatically.","spans":[]}],"text_color":null,"title1":[{"type":"heading5","text":"How To Build and Deploy a Hugo Site to DigitalOcean App Platform","spans":[]}],"title_color":null}],"primary":{"background_color":"#f3f5f9","columns":"3","content_alignment":"left","cta_button_text":null,"cta_button_url":null,"heading":[{"type":"heading1","text":"Tutorials","spans":[]}],"heading_color":null,"subheading":[{"type":"paragraph","text":"Comprehensive, expert tutorials to help you at every stage of production,
whether you're learning, practicing, running, or optimizing.","spans":[]}],"subheading_color":null,"text_color":"dark","background_image":null}},{"__typename":"PRISMIC_LandingBodyCtaband","type":"ctaband","label":null,"primary":{"text_color":"light","background_color":null,"cta_band":null,"cta_primary_background_color":"white","cta_text_primary":[{"type":"paragraph","text":"create account","spans":[]}],"cta_text_secondary":null,"cta_url_primary":{"__typename":"PRISMIC__ExternalLink","_linkType":"Link.web","url":"https://cloud.digitalocean.com/registrations/new?onboarding_origin=app_platform"},"cta_url_secondary":null,"heading":[{"type":"paragraph","text":"Ready to get your apps to market faster? ","spans":[]}],"subheading":null,"background_image":{"dimensions":{"width":1440,"height":211},"alt":null,"copyright":null,"url":"https://images.prismic.io/www-static/42386ec8-4f8e-435e-ac12-87e521e2b012_CTABand.jpg?auto=compress,format"}}}],"date":"2020-10-05","description":null,"path":"/use-cases","title":[{"type":"heading1","text":"Dev Rel Resources","spans":[]}],"open_graph_image":null}}},"pageContext":{"rootQuery":"\n  query LandingQuery($uid: String!) {\n    prismic {\n      landing(lang: \"en-us\", uid: $uid) {\n        _meta {\n          lang\n          lastPublicationDate\n          type\n          uid\n        }\n        body {\n        ... on PRISMIC_LandingBodyHerotext {\n          type\n            label\n            primary {\n              fullscreen\n              large_text\n              text_color\n              background_color\n              background_image\n              display_primary_cta\n              display_secondary_cta\n              heading\n              primary_cta_color\n              primary_cta_link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              primary_cta_text\n              secondary_cta_link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              secondary_cta_text\n              subheading\n              text_alignment\n            }\n        },\n        ... on PRISMIC_LandingBodyHerovideo {\n          type\n            label\n            primary {\n              fullscreen\n              large_text\n              cta_text_primary\n              cta_text_secondary\n              cta_url_primary {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              cta_url_secondary {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              heading\n              heading_color\n              hero_video_color_overlay\n              hero_video_placeholder_img\n              hero_video_url {\n                ... on PRISMIC__FileLink {\n                  _linkType\n                  url\n                }\n              }\n              subheading\n              subheading_color\n              text_color\n              video_icon\n              video_timestamp\n              video_timestamp_color\n              video_title\n              video_title_color\n              video_wistia_id\n            }\n        },\n        ... on PRISMIC_LandingBodyCarouseltestimonial {\n          type\n            label\n            primary {\n              background_color\n              background_image\n              text_color\n              heading\n              heading_color\n              subheading1\n              subheading_color\n            }\n            fields {\n              logo\n              quote\n              author\n              author_details\n              avatar\n              link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              link_text\n            }\n        },\n        ... on PRISMIC_LandingBodyListalternatingv2 {\n          type\n            label\n            fields {\n              list_alt_image\n              list_alt_link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              list_alt_link_text\n              list_alt_text\n              list_alt_title\n              list_link_color\n              list_text_color\n              list_title_color\n            }\n            primary {\n              background_color\n              heading\n              subheading\n              background_image\n              heading_color\n              subheading_color\n              text_color\n            }\n        },\n        ... on PRISMIC_LandingBodyListgridv2 {\n          type\n            label\n            primary {\n              background_color\n              background_image\n              heading\n              heading_color\n              list_column_number\n              list_item_alignment_position\n              list_item_heading_color\n              list_item_text_color\n              list_item_icon_position\n              list_item_icon_size\n              subheading\n              subheading_color\n              text_color\n              cta_button_text\n              cta_button_url {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              annotation\n            }\n            fields {\n              list_item_heading\n              list_item_icon\n              list_item_text\n              list_item_url_link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              list_item_url_text\n            }\n        },\n        ... on PRISMIC_LandingBodyContentblock {\n          type\n            label\n            primary {\n              target_name\n              background_color\n              background_image\n              content\n              content_text_alignment\n              heading\n              heading_color\n              image\n              subheading\n              subheading_color\n              text_color\n              wistia_id\n            }\n        },\n        ... on PRISMIC_LandingBodyCardsv2 {\n          type\n            label\n            fields {\n              image\n              link {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              text\n              text_color\n              title1\n              title_color\n            }\n            primary {\n              background_color\n              columns\n              content_alignment\n              cta_button_text\n              cta_button_url {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              heading\n              heading_color\n              subheading\n              subheading_color\n              text_color\n              background_image\n            }\n        },\n        ... on PRISMIC_LandingBodyCardshoverlinks {\n          type\n            label\n            fields {\n              card_icon\n              card_text\n              card_title\n              link_1 {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              link_1_text\n              link_2 {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              link_2_text\n              link_3 {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              link_3_text\n              link_4 {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              link_4_text\n              link_only_card\n            }\n            primary {\n              background_color\n              subtitle\n              title1\n              background_image\n            }\n        },\n        ... on PRISMIC_LandingBodyQuote {\n          type\n            label\n            primary {\n              quote\n              align_content\n              author_details\n              author_image\n              author_name\n              background_color\n              background_image\n              logo\n              text_color\n            }\n        },\n        ... on PRISMIC_LandingBodyCtaband {\n          type\n            label\n            primary {\n              text_color\n              background_color\n              cta_band\n              cta_primary_background_color\n              cta_text_primary\n              cta_text_secondary\n              cta_url_primary {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              cta_url_secondary {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              heading\n              subheading\n              background_image\n            }\n        },\n        ... on PRISMIC_LandingBodySignupformband {\n          type\nlabel\nprimary {\n  fullscreen\n  background_color\n  background_image\n  large_text\n  email_placeholder\n  form_title\n  headline\n  headline_color\n  name_placeholder\n  password_placeholder\n  subheadline\n  subheadline_color\n  submit_button_text\n  subscript\n  text_color\n}\nfields {\n  button_link {\n    ... on PRISMIC__ExternalLink {\n      _linkType\n      url\n    }\n  }\n  button_text\n  icon\n}\n        },\n        ... on PRISMIC_LandingBodyDynamicformbuilder {\n          type\n          label\n          primary {\n            footer_form_text\n            form_anchor_name\n            form_post_location\n            header_form_text\n            marketo_form_id\n            munchkin_account_id\n            sub_header_form_text\n            thank_you_message\n            analytics_track\n            analytics_action\n          }\n          fields {\n            field_alphanumeric\n            field_column_width\n            field_error_message\n            field_max_length\n            field_name\n            field_placeholder\n            field_post_name\n            field_required\n            field_type\n            field_value\n            section_header\n            section_sub_header\n          }\n        },\n        ... on PRISMIC_LandingBodyFeatureslist {\n          type\n            label\n            primary {\n              background_color\n              background_image\n              cta_button_color\n              cta_button_text\n              cta_button_url {\n                ... on PRISMIC__ExternalLink {\n                  _linkType\n                  url\n                }\n              }\n              heading\n              item_text_color\n              heading_color\n              item_title_color\n              subheading\n              subheading_color\n              text_color\n            }\n            fields {\n              item_icon\n              item_text\n              item_title\n            }\n        }}\n        date\n        description\n        path\n        title\n        open_graph_image\n      }\n    }\n  }\n","id":"X3ZDyBEAACUAuCEO","lang":"en-us","uid":"use-cases","type":"landing","alternateLanguages":[],"cursor":"YXJyYXljb25uZWN0aW9uOjk=","paginationPreviousMeta":{"id":"X5ClSRQAACQAL03D","lang":"en-us","uid":"droplets-for-demos","type":"landing","alternateLanguages":[]},"paginationPreviousUid":"droplets-for-demos","paginationPreviousLang":"en-us","paginationNextMeta":{"id":"YJl9SBIAACYAo3-M","lang":"en-us","uid":"evaluation-thank-you","type":"landing","alternateLanguages":[]},"paginationNextUid":"evaluation-thank-you","paginationNextLang":"en-us","lastQueryChunkEndCursor":""}}}