How to visually create frontend for Amplify

0

Hi all, I´m new to Amplify (even to AWS) and I feel life is easier for non coders with some integrated services as Amplify->GraphQL->Lambda Functions->DynamoDB. I´m making some tries with these services working together and my question is:

In all examples found, I can create a simple website but frontend code is always given in the tutorials or videos, and they don´t go deeper on how that code was created. Maybe javascript frameworks or others. As I want to create business logic on server side (GraphQL, Lambda, DynamoDB), I only need to make a simple visual frontend for using components (maybe created with Figma) and no need to code more than minimum.

Is there a service (inside or outside AWS) to visually create a frontend interface without coding as building blocks to be integrated with Amplify? I thought Amplify Studio could be my tool but I couldn´t find how.

Thanks in advance,

3 Answers
0

Is there a service (inside or outside AWS) to visually create a frontend interface without coding as building blocks to be integrated with Amplify? I thought Amplify Studio could be my tool but I couldn´t find how.

I think as close as you'll get within AWS is the new Amplify Studio UI Library which allows you to import visual "blocks" from Figma as React components. https://docs.amplify.aws/console/tutorial/buildui/

answered 2 years ago
0

Thank you John for your response.

I created a React project and got the components from Figma. Now editing app.js with the component code will paste it into my app, right? Is it the correct way if I´m not reliable in React?

Thanks again and best regards,

ToniGil
answered 2 years ago
0

Yes, there is a service called AWS Amplify studio that allows you to visually create and deploy frontend interfaces without writing code. Here's how it works:

  1. Connect to Your Git Repository: You start by connecting the Amplify Console to your Git repository. This can be a repository hosted on GitHub, GitLab, Bitbucket, or AWS CodeCommit.

  2. Select a Frontend Framework: You specify which frontend framework your project is built with (e.g., React, Angular, Vue) so that the Amplify Console can properly build and deploy your application.

  3. Visual App Creation: The Amplify Console provides a visual interface that allows you to create frontend interfaces without writing code. It offers building blocks and pre-configured templates to design your app's layout, add components, and configure settings.

To get started with AWS Amplify Console, you can visit the official documentation and guides provided by AWS. Keep in mind that the services and features offered by AWS are subject to updates and improvements, so it's a good idea to check the latest information from the AWS website.

AWS
answered 9 months ago

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions