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 年前

您尚未登入。 登入 去張貼答案。

一個好的回答可以清楚地回答問題並提供建設性的意見回饋,同時有助於提問者的專業成長。

回答問題指南