Tutorial For Basic Web App

0

Hello all,

I'm looking for a super simple tutorial to build a serverless web site. The web site has very simple needs:

  • Static HTML elements
  • Ability to read/write to a database
  • Dynamic HTML elements (ie the page can return data looked up from the DB)
  • Very very small - Looking for probably 12 pages or less to build the entire site... Hits will be less than 200/month.

Most of the examples/tutorials I can find are way too much for what I'm looking for. I'm wondering if there is a way I can do this with just:

  • S3
  • DynamoDB
  • Lambda (python)

What I can do:

  • I've made lambda functions that can read/write to a Dynamo
  • I can author html pages and save them to s3
  • I've built dynamoDB tables

What I can't do:

  • I just need some help combining these elements together to build out a website. Anyone interested in helping or pointing to a good tutorial... or a suggestion on a better simpler way to do what I need to do?

Thanks for any assistance!!!

질문됨 2년 전562회 조회
6개 답변
1

Have you looked at Amplify? You need to pick a frontend framework, but there are various "modules" that you can add (like Dynamodb, S3, Auth, etc.). Here is the getting started page for using React. They've also just introduced something called Amplify Studio which is another way of building with it.

If you want more of a "developer" approach, you could look at the Serverless Stack.

I hope some of that is helpful.

답변함 2년 전
  • Thanks, for all this information, I will start to go through the links. What does the front end framework do for me? Sorry, still learning.

0
수락된 답변

Thanks for the suggestions everyone. I did find something that was very helpful. A series of 9 youtube videos that really walks through this. It is a little old so a lot of the screens in AWS have changed, but I'm fighting my way through it. Maybe once I understand what I'm doing a bit more some of these other suggestions will make more sense. For right now they are just pretty complicated for me.

https://www.youtube.com/watch?v=mfAT38B_uhw

I at least can host my version of a hello world, where someone hits a page, and the page pulls a hello world record from the dynamodb and displays it.

답변함 2년 전
profile picture
전문가
검토됨 25일 전
0
profile pictureAWS
전문가
kentrad
답변함 2년 전
  • Thank you Kentrad, I did not know about this Workshop

  • Thanks! I’ve seen tutorials similar to this. This seems awful heavy for what I need. But thanks. I may end up doing this.

0

Hello,

Kentrad's suggestion is a great place to start. In addition, you could also check out https://github.com/aws-samples/aws-serverless-saas-layers

I have a collection of workshops on https://start.me/p/1kjb2D/new-page (search for serverless)

hope this helps Sri

profile picture
Sri
답변함 2년 전
  • Thanks for the answer. I'm working on understanding amplify a bit more. Seems like a really complicated way to build a website. Seems like everything now needs another framework, like death by framework! :)

0

So, Amplify is SUPER confusing. It leads you down a rabbit hole of like 5 more things you need to do. Isn't there a way I can just write code? I'd settle for a html editor at this point, though a graphical editor would be a bonus. The tutorials I'm seeing don't really go into the detail of what any of the steps really do... they just have you cut and paste a bunch of stuff and you end up with some premade thing, but you haven't learned anything about actually building a site. This figma thing, how do I even put a textbox on the screen? I'd love an example of a webpage with a single textbox in the middle of the screen and a button under it. Every time you click the button, it pulls a random record out of the DB and puts it in the textbox... that would be 10x more helpful to me. Sorry, I'm ranting.

답변함 2년 전
0

This does not check all the boxes, but it is lightweight, so maybe you can learn from it https://wellarchitectedlabs.com/reliability/100_labs/100_deploy_cloudformation/

  • deploys EC2 instances that call DynamoDB
  • uses Pythion http.server for website

https://wellarchitectedlabs.com/security/100_labs/100_cloudfront_with_s3_bucket_origin/

  • Shows how to setup a website hosted on S3 and fronted by CloudFront

https://wellarchitectedlabs.com/security/200_labs/200_automated_deployment_of_ec2_web_application/

  • deploys a Wordpress site
profile pictureAWS
답변함 2년 전

로그인하지 않았습니다. 로그인해야 답변을 게시할 수 있습니다.

좋은 답변은 질문에 명확하게 답하고 건설적인 피드백을 제공하며 질문자의 전문적인 성장을 장려합니다.

질문 답변하기에 대한 가이드라인