DEV Community

Fernando Pena for AWS Community Builders

Posted on • Originally published at blog.pena.rocks

Web Development simplified with AWS Amplify

Web development is an extremely hot area and one that is evolving faster and faster. And a professional always needs good tools to be one step ahead, walking together with technology. Everything we can do or use to make our development faster and with higher quality, we do.

And here I want to introduce you to an amazing tool from AWS, which will certainly help you a lot in both front-end and back-end development. I'm talking about AWS Amplify.


AWS Lambda Introduction

What is AWS Amplify?

Obviously, AWS Amplify is much bigger and more complex than what I'm going to bring up in this article, but the idea of this article is to encourage you to learn about and try it out.

So, nothing better than AWS's own words to summarize what Amplify is.

“AWS Amplify is a set of purpose-built tools and features that lets frontend web and mobile developers quickly and easily build full-stack applications on AWS, with the flexibility to leverage the breadth of AWS services as your use cases evolve.”

Full information at this link: https://aws.amazon.com/amplify

In summary, Amplify brings you the possibility to create your application, visually organize components, import components, manage and create your backend in a simple way, host your application, create CI/CD mats, in short... just trying it out to get a sense of the number of resources they offer.

Amplify Studio

Amplify Studio is precisely the visual tool that helps you speed up your development and make the whole process from prototyping to deployment faster and much simpler.

“AWS Amplify Studio is a visual development environment that lets developers easily build and ship complete web and mobile apps in hours instead of weeks.”

More information: https://aws.amazon.com/amplify/studio/

With Amplify Studio you can:

  • Build user interfaces quickly and completely.
  • Rapidly deploy a full-stack application
  • Increase productivity
  • Improve collaboration between developers
  • Visual Backend
  • Front-to-Back Configuration

And recently AWS has brought the new feature that you can import your prototypes directly from Figma and create your components within Amplify Studio.

In addition, there are several other features, here is a summary. You can find complete information at https://aws.amazon.com/amplify/studio/

Amplify Libraries

Amplify has native support for several development libraries for both Web and Mobile. For example: JavaScript, IOS, Android, Flutter, React Native.

In JS you have Amplify UI with support for React, Vue, Angular, and Flutter for example.

Which helps you to build fast and quality cross-platform applications in a full-stack way.

More info:

https://docs.amplify.aws/lib/

https://ui.docs.amplify.aws/

Amplify Hosting

“AWS Amplify Hosting is a fully managed CI/CD and hosting service for fast, secure, and reliable static and server-side rendered apps that scale with your business. Supports modern web frameworks such as React, Angular, Vue, Next.js, Gatsby, Hugo, Jekyll, and more.”

https://aws.amazon.com/amplify/hosting/

In addition to being able to run your entire App cycle on Amplify, you can also host your application and have it integrated into code repositories such as CodeCommit or GitHub for example.

Without a doubt another excellent alternative to launch your application in a simple and easy way.

More information:

https://aws.amazon.com/amplify/hosting/

Amplify CLI

Another alternative, besides being able to access and use amplify via the AWS Console and Amplify Studio, you also have all the resources via CLI, which helps you on a daily basis.

Check out more about the CLI here:

https://docs.amplify.aws/cli/

Amplify - AWS Resource Access Libraries

One ease of using amplify is having easy access to AWS resources such as Cognito, S3, EC2, and so on. In other words, it makes your communication easier and increases the possibility of using resources and innovation within your application. Connect to applications with ML/AI for example.

Conclusion

My recommendation is that you if you don't have one yet, create your AWS account and test the resources of AWS Amplify, which even has a Free Tier so you can learn more about this set of tools, and experience a higher quality in the delivery of your applications both Web and Mobile.

I will bring here more blogs and videos on the use of Amplify with step-by-step and examples of Web and Mobile Development.

Subscribe to my Youtube channel:
Youtube: Pena Rocks

Follow me on social networks:
Instagram: https://www.instagram.com/pena.rocks/
Twitter: https://twitter.com/nandopena
LinkedIn: https://www.linkedin.com/in/nandopena/

More Information:
https://www.pena.rocks/

https://www.pena.rocks/

Top comments (2)

Collapse
 
jaeyow profile image
jaeyow

This is a great post!

You mentioned CLI as an option to Studio and Console, how about if you want to go the IaC way, like though CDK, is that an option?

Collapse
 
pena profile image
Fernando Pena

Hi @jaeyow thanks for following up.

Good question. I'm not sure yet to answer you, but I think it might be an option. As next steps I plan to test each tool and development mode with Amplify. No doubt that IaC with CDK will be one of the tests now. Thank you very much.