{"id":358450,"date":"2021-12-13T07:17:24","date_gmt":"2021-12-13T15:17:24","guid":{"rendered":"https:\/\/css-tricks.com\/?p=358450"},"modified":"2021-12-13T14:06:54","modified_gmt":"2021-12-13T22:06:54","slug":"ship-a-full-stack-app-in-days-with-aws-amplify-studio","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/ship-a-full-stack-app-in-days-with-aws-amplify-studio\/","title":{"rendered":"Ship a Full-Stack App in Days with AWS Amplify Studio"},"content":{"rendered":"\n

Amazon has a vision with AWS Amplify<\/a>. First, a premise:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

As browsers have become faster and more powerful over the last decade, front-end developers are building web apps that are more feature-rich and performant for both desktop and mobile devices. To implement these features, front-end developers are increasingly becoming full-stack developers who have to think about not just the UI but the cloud services they are adopting to get to market faster. <\/strong><\/p>\n\n\n\n

That premise comes from conversations I’ve had with Amazon about what they are doing with AWS Amplify, which is informed by their own research.<\/p>\n\n\n\n

Sound familiar? I’ve been saying for years that us front-end developers have been morphing into full-stack developers.<\/a> And for the most part that’s great. It’s empowering to see our base skillset become fully capable of building and hosting entire websites, even full-blown web apps with authentication, data models, media handling, and more \u2014 thanks to tooling that that has made these things much more accessible.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

The AWS Amplify vision keeps this going. Full-stack apps should be easier and faster to build. More, it can help teams work together better, specifically designer\/developer collaboration. And finally, you shouldn’t have to give up any power, control, or opinions. <\/p>\n\n\n\n

AWS Amplify is delivering on all that. You get the power of everything AWS offers and can build products that would have taken months in days. <\/p>\n\n\n\n

AWS Amplify has always been a useful tool, then last year took a big leap up with the launch of the Admin UI<\/a>. It’s an amazing part of Amplify, bringing a self-hosted dashboard to your projects that gives you a visual way to model data, orchestrate your auth, and deal with other aspects of your app in a way that, frankly, is awfully friendly to front-end developers like me.<\/p>\n\n\n\n

Now they are taking another<\/em> big leap forward with… <\/p>\n\n\n

AWS Amplify Studio<\/h3>\n\n\n

This is a brand new release. AWS Amplify Studio<\/a> is an evolutionary leap of the Admin UI. It’s a renaming \u2014 Amplify Studio is the new name for all of this, including all the new features. So you’re still doing things like building your data model, but you’re taking that even further by building and customizing components (!!) and wiring up those components to real data (!!!). Oh and one more thing: those components are quite literally mapped to Figma, so designers can iterate on the components in Figma and sync them back to Studio as real React components (!!!!).<\/p>\n\n\n\n

The one-minute video is worth a watch here:<\/p>\n\n\n\n

\n