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!!!

posta 2 anni fa597 visualizzazioni
6 Risposte
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.

con risposta 2 anni fa
  • 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
Risposta accettata

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.

con risposta 2 anni fa
profile picture
ESPERTO
verificato 2 mesi fa
0
profile pictureAWS
ESPERTO
kentrad
con risposta 2 anni fa
  • 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
con risposta 2 anni fa
  • 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.

con risposta 2 anni fa
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
con risposta 2 anni fa

Accesso non effettuato. Accedi per postare una risposta.

Una buona risposta soddisfa chiaramente la domanda, fornisce un feedback costruttivo e incoraggia la crescita professionale del richiedente.

Linee guida per rispondere alle domande