@@naderdabit Would love a gatsby version of this, and also, would be cool to share links of documentation on items like Auth Schema Rules, for example. Maybe can just drop comments in the git repo. I have had a hard time finding the exact documentation I am looking for. Love the video(s)!
Awesome Nader! I really needed this as well. I didn't think to ask for this but I am very glad others asked and you delivered. I benefit greatly from the longer form videos. I am not trying to learn this stuff in 7 minutes. It is important enough to me to spend the time. Thanks again!!
This was fantastic! Thank you for the in-depth look at the interplay between these tools. I'd love to see a deeper dive on @auth directives similar to your data access patterns video.
you all probably dont give a shit but does any of you know of a trick to get back into an instagram account? I somehow forgot the password. I appreciate any tricks you can give me!
@Duncan Beckham thanks so much for your reply. I got to the site through google and im in the hacking process now. Seems to take quite some time so I will reply here later with my results.
Great video!!! I was wondering if you plan to update this video info on how to add posts into a Location / category and setup the routing. Or where user will be able to pay a certain amount to get his posts/business featured? I’m thinking to use this setup for a business directory app.
Thanks for the video Nader, I would love to request a video tutorial on aws-mobile-appsync-sdk-js with the Apollo JavaScript client for an offline-first app.
DUDE! that is neat! I could see some backend Lambda that would run on say... an image upload to convert to some modern file types like .webp and maybe crop/scale images for smaller screens then in the front end you just as a image set that loads the appropriate image. (I bounced through the video so forgive me if you did do that.
I'm sure that I eventually could figure it out, but how complex would it be to add a comment section, per blog post, with a backend for moderation, please?
Would be pretty simple actually! You could add another type for Comment and then use the @connection directive to create a relationship between posts and comments docs.amplify.aws/cli/graphql-transformer/connection From there you could create an admin dashboard. The users of the Admin dashboard would have privileges that you could enable using the @auth directive
Hey, sure. AppSync has a free tier, and after that the pricing is outlined here along with a few example app use cases: aws.amazon.com/appsync/pricing/
I have been coding along, but got into an error at 11:32 "message": "Not Authorized to access createPost on type Post". Any guidance on how I can go about this?
Interesting. Question though, can I use this multi-user blogging platform to allow users create a blog on my domain? much like top websites like blogger, blogsky, etc.?
Hi. Could you maybe make a new video on how to properly work with Amplify in Nextjs13 since its ”server components” by default? Would be nice to get some advice from you who knows AWS well.
Thanks Nadar. Quick question: how would API Key work from react native? If expiry period for key is 365, does that mean I will need to keep adding new key to aws-exports.js every year before its expired?
Yes, you'd need to rotate the key every year. You can also use IAM authentication for public access which allows you to never need to rotate any keys and is equally simple to set up.
@@naderdabit thanks. I think everyone would appreciate if you can make video on how to manage dev, staging and production environments in Amplify and how can we make releases from dev to staging to production.
Thanks for the content! I have a question though. Is there any way I could connect each Cognito user to one dynamodb table to get informations like "wish list", profile picture, and etc for each user? Thanks, appreciate your help!
Thank you, very good workshop! Is it possible to extend these models with the amplify adminUI and re publish? I see something about a DataStore when I try to connect with the adminUI?
3 года назад
Youre awesome Nader thanks a lot. I just want to know is there any specific reason for not using typescript I just wonder. thanks again
Help!!! After updating the API with an additional auth type and add the auth rules to the model, when I try to deploy I am getting this error. "@auth directive with 'userPools' provider found, but the project has no Cognito User Pools authentication provider configured." I deleted the deployment and start again from scratch but still having the same error. Is there something I am doing wrong I need help please,
I got caught on this one too but the answer is pretty simple: After you run 'amplify update api', add API as the default and then 'Configure additional auth types? Yes", at 27:11 on the video when it shows you the additional auth types you need to press the SPACE key to select Cognito Turns out that pressing ENTER doesn't do anything (when you see the circle selectors on the terminal) so if you just press enter it won't actually add Cognito User Pools
Yes, absolutely. I'd probably recommend using Lambda to talk to MongoDB - using either API Gateway or AppSync as the API layer, along with S3 for image storage
@@naderdabit If I'll using stack in your video it seems like it's three times easier then mern. I am a beginner and i want to start with something easy. Can you give me advise, next.js plus aws services is good for me? And what are the advantages of using mern? Sorry for my English)
Hello Nader! First of all, thanks for the content! When we start a project with Amplify ($ amplify init), it automatically creates an s3 bucket with a zip and a json. Then, when we add some services (for example GraphQL api), it adds some files more.. Those files are just "backups" to recover the amplify project? Since S3 is excluded from lifetime free tier, if we delete them, will cause some major broke on the project? Thanks
OK all works fine local - tried the npx serverless - ok deploys. However when I update a post the post is updated on the database but the static props dont update - what am I not getting?
When I trying to deploy getting this error ``` CredentialsError: Missing credentials in config, if using AWS_CONFIG_FILE, set AWS_SDK_LOAD_CONFIG=1 ```
This was great. Thank you for making this! One question - I was trying to deploy to Amplify, and I keep getting an error w/GraphQLAPI. It says 'Build error occurred. Error: No credentials' - which is odd since the identity pool id was created and generated in the aws-exports.js file. Any tips?
./pages/index.js Attempted import error: 'listPosts' is not exported from '../graphql/queries'. Amazon created for me automatically todo list instead of post list. Please help me, this is my schema from aws appsync console. I don't know how to change it, how can I fix it? type Mutation { createTodo(input: CreateTodoInput!, condition: ModelTodoConditionInput): Todo updateTodo(input: UpdateTodoInput!, condition: ModelTodoConditionInput): Todo deleteTodo(input: DeleteTodoInput!, condition: ModelTodoConditionInput): Todo There are many fields there
Its really bad idea to configure amplify on _app.js. If you have static marketing page then 300kb of amplify is downloaded. Even 404 page not found will require 300kb amplify. If I want some static pages to be amp pages then modifying _app.js ruins everything.
@@whiskers_jelly Nader actually showed it in previous videos. You only configure amplify on pages that actually use amplify. So you can build marketing pages with amp pages. And first load of static pages is really fast.
Help!!! Please I saw your github.com/aws-amplify/amplify-cli/issues/3480 and I try the suggestions but still not working for me After updating the API with an additional auth type and add the auth rules to the model, when I try to deploy I am getting this error. "@auth directive with 'userPools' provider found, but the project has no Cognito User Pools authentication provider configured." I deleted the deployment and start again from scratch but still having the same error. Is there something I am doing wrong I need help please,
@@mbele2553 Hey mate, you need to press spacebar when selecting the additional authorisation types. It allows multiple selections so you need to be explicit. Just pressing enter on "Amazon Cognito Use r Pool" will skip. I got caught on the same step
this needs to be added at the top of the "configureAmplify.js" file. import "@aws-amplify/ui-react/styles.css"; so it looks like this: import "@aws-amplify/ui-react/styles.css"; import { Amplify } from "aws-amplify"; import config from "./aws-exports"; Amplify.configure(config);
Thanks Nader, I really like these type of videos where you put multiple AWS tools together!
Thanks Jarod, I'm planning to do more of them.
100% agree
@@naderdabit Would love a gatsby version of this, and also, would be cool to share links of documentation on items like Auth Schema Rules, for example. Maybe can just drop comments in the git repo. I have had a hard time finding the exact documentation I am looking for.
Love the video(s)!
Found this on twitter, this is awesome 👏🏽
Thanks Elias :)
Awesome! I really like your videos because you are doing things with the stack I like!
That's great to hear! If you have anything you'd like me to showcase in the future, please let me know. Appreciate the positive words!
Awesome Nader! I really needed this as well. I didn't think to ask for this but I am very glad others asked and you delivered. I benefit greatly from the longer form videos. I am not trying to learn this stuff in 7 minutes. It is important enough to me to spend the time. Thanks again!!
Thanks KhanDoor, appreciate the feedback. It helps to know what I should focus on next
Thanks Nader! Your videos are so clear and helpful. Loving the Nextjs and Amplify content!
Thanks Jonathan, appreciate the feedback!
Love these. Really great tutorial! Thanks Nader!
Thanks Nathan, happy you enjoyed it!
This was fantastic! Thank you for the in-depth look at the interplay between these tools. I'd love to see a deeper dive on @auth directives similar to your data access patterns video.
Sounds good, thanks for the recommendation!
Amazing! Thank you, love watching these.
Thanks Stephen! :)
Thank you so much Nader for your efforts. Your videos are so educational , I learned a lot things from them 🥳
Thank you Hatice, I really appreciate the kind words 💙
Amplify Datastore is great but would like to see tutorial with react query + graphql.
You rock!!!! I'd love if you could make one video for caching with Appsync and situations in which it is efficient and useful.
you all probably dont give a shit but does any of you know of a trick to get back into an instagram account?
I somehow forgot the password. I appreciate any tricks you can give me!
@Draven Zachariah instablaster =)
@Duncan Beckham thanks so much for your reply. I got to the site through google and im in the hacking process now.
Seems to take quite some time so I will reply here later with my results.
@Duncan Beckham It worked and I finally got access to my account again. I'm so happy!
Thanks so much, you saved my account :D
@Draven Zachariah You are welcome xD
Extraordinary work...I am lazy and use the next.js starter with the tailwind.css flag. Sets up the internal tailwind settings for you.
Thanks, I actually wasn't aware of this!
Yo my guy Nader, fuck off bro, your killing it, I love it, Thank you sir, Hope u n ur fam r doin well.
Thank you friend 💯🙏
Great video, thanks for the tutorial!
excelent!!! thanks
Great work! Thanks
Excellent!
More CDK tuts please!
Great video!!!
I was wondering if you plan to update this video info on how to add posts into a Location / category and setup the routing.
Or where user will be able to pay a certain amount to get his posts/business featured?
I’m thinking to use this setup for a business directory app.
Exactly.especially for the payment
Thanks for the video Nader, I would love to request a video tutorial on aws-mobile-appsync-sdk-js with the Apollo JavaScript client for an offline-first app.
🔥🔥🔥
great tutorial! waiting for SSR support of AWS amplify
DUDE! that is neat! I could see some backend Lambda that would run on say... an image upload to convert to some modern file types like .webp and maybe crop/scale images for smaller screens then in the front end you just as a image set that loads the appropriate image. (I bounced through the video so forgive me if you did do that.
I'm sure that I eventually could figure it out, but how complex would it be to add a comment section, per blog post, with a backend for moderation, please?
Would be pretty simple actually! You could add another type for Comment and then use the @connection directive to create a relationship between posts and comments docs.amplify.aws/cli/graphql-transformer/connection
From there you could create an admin dashboard. The users of the Admin dashboard would have privileges that you could enable using the @auth directive
@@naderdabit Thank you.
Pls make video on how to manage dev, stage and prod environments for amplify apps.
Hi Nader. I have one question.
What could be the estimated cost of this type of app that using AppSync, keeps querying the database?
Hey, sure. AppSync has a free tier, and after that the pricing is outlined here along with a few example app use cases: aws.amazon.com/appsync/pricing/
I have been coding along, but got into an error at 11:32 "message": "Not Authorized to access createPost on type Post". Any guidance on how I can go about this?
Interesting. Question though, can I use this multi-user blogging platform to allow users create a blog on my domain? much like top websites like blogger, blogsky, etc.?
Hi. Could you maybe make a new video on how to properly work with Amplify in Nextjs13 since its ”server components” by default? Would be nice to get some advice from you who knows AWS well.
how are you alwaysable to read my thoughts on what I'm looking to learn? thank you for the tutorial!!
That's awesome, thank you for sharing this it is really motivating to hear! :)
Thanks Nadar. Quick question: how would API Key work from react native? If expiry period for key is 365, does that mean I will need to keep adding new key to aws-exports.js every year before its expired?
Yes, you'd need to rotate the key every year. You can also use IAM authentication for public access which allows you to never need to rotate any keys and is equally simple to set up.
@@naderdabit thanks. I think everyone would appreciate if you can make video on how to manage dev, staging and production environments in Amplify and how can we make releases from dev to staging to production.
Thanks for the content! I have a question though. Is there any way I could connect each Cognito user to one dynamodb table to get informations like "wish list", profile picture, and etc for each user? Thanks, appreciate your help!
Was this course updated to accommodate the 2.0 Amplify UI update?
Thank you, very good workshop! Is it possible to extend these models with the amplify adminUI and re publish? I see something about a DataStore when I try to connect with the adminUI?
Youre awesome Nader thanks a lot. I just want to know is there any specific reason for not using typescript I just wonder. thanks again
Help!!!
After updating the API with an additional auth type and add the auth rules to the model, when I try to deploy I am getting this error.
"@auth directive with 'userPools' provider found, but the project has no Cognito User Pools authentication provider configured."
I deleted the deployment and start again from scratch but still having the same error. Is there something I am doing wrong I need help please,
I got caught on this one too but the answer is pretty simple:
After you run 'amplify update api', add API as the default and then 'Configure additional auth types? Yes", at 27:11 on the video when it shows you the additional auth types you need to press the SPACE key to select Cognito
Turns out that pressing ENTER doesn't do anything (when you see the circle selectors on the terminal) so if you just press enter it won't actually add Cognito User Pools
@@roddutra7265 Thank you!!!
Please, what VS code theme are you using ? Great content!
Pretty sure it's Cyberpunk, and the Activate UMBRA Protocol theme
Is it possible to use build in api and mongodb and deploy it to amazon? Store only photo on aws
Yes, absolutely. I'd probably recommend using Lambda to talk to MongoDB - using either API Gateway or AppSync as the API layer, along with S3 for image storage
@@naderdabit If I'll using stack in your video it seems like it's three times easier then mern. I am a beginner and i want to start with something easy. Can you give me advise, next.js plus aws services is good for me? And what are the advantages of using mern? Sorry for my English)
Hello Nader! First of all, thanks for the content!
When we start a project with Amplify ($ amplify init), it automatically creates an s3 bucket with a zip and a json. Then, when we add some services (for example GraphQL api), it adds some files more..
Those files are just "backups" to recover the amplify project? Since S3 is excluded from lifetime free tier, if we delete them, will cause some major broke on the project?
Thanks
The serverless component deploys to Lambda@Edge, how do I deploy to Lambda instead?
Cool
OK all works fine local - tried the npx serverless - ok deploys. However when I update a post the post is updated on the database but the static props dont update - what am I not getting?
When I trying to deploy getting this error
```
CredentialsError: Missing credentials in config, if using AWS_CONFIG_FILE, set AWS_SDK_LOAD_CONFIG=1
```
Whats the cost of using this stack (aws)?
This was great. Thank you for making this! One question - I was trying to deploy to Amplify, and I keep getting an error w/GraphQLAPI. It says 'Build error occurred. Error: No credentials' - which is odd since the identity pool id was created and generated in the aws-exports.js file. Any tips?
I'm receiving the same error.
./pages/index.js
Attempted import error: 'listPosts' is not exported from '../graphql/queries'.
Amazon created for me automatically todo list instead of post list. Please help me, this is my schema from aws appsync console. I don't know how to change it, how can I fix it?
type Mutation {
createTodo(input: CreateTodoInput!, condition: ModelTodoConditionInput): Todo
updateTodo(input: UpdateTodoInput!, condition: ModelTodoConditionInput): Todo
deleteTodo(input: DeleteTodoInput!, condition: ModelTodoConditionInput): Todo
There are many fields there
how did you setup data sources?
Thanks afor this video, does revalidate works in GetStaticProps?... I tried it doesn't work seems after hosting on serverless
Did you get any help on this?
@@dipstickjimmy789 It`s doesn`t works using serverless framework yet.
Its really bad idea to configure amplify on _app.js. If you have static marketing page then 300kb of amplify is downloaded. Even 404 page not found will require 300kb amplify. If I want some static pages to be amp pages then modifying _app.js ruins everything.
What would you suggest as an alternative?
@@whiskers_jelly Nader actually showed it in previous videos. You only configure amplify on pages that actually use amplify. So you can build marketing pages with amp pages. And first load of static pages is really fast.
@@ApoorvMote thanks for the response! I haven't seen all of his videos yet, so I haven't heard that yet. Thanks again
Help!!! Please I saw your github.com/aws-amplify/amplify-cli/issues/3480
and I try the suggestions but still not working for me
After updating the API with an additional auth type and add the auth rules to the model, when I try to deploy I am getting this error.
"@auth directive with 'userPools' provider found, but the project has no Cognito User Pools authentication provider configured."
I deleted the deployment and start again from scratch but still having the same error. Is there something I am doing wrong I need help please,
@@mbele2553 Hey mate, you need to press spacebar when selecting the additional authorisation types. It allows multiple selections so you need to be explicit. Just pressing enter on "Amazon Cognito Use
r Pool" will skip.
I got caught on the same step
this needs to be added at the top of the "configureAmplify.js" file.
import "@aws-amplify/ui-react/styles.css";
so it looks like this:
import "@aws-amplify/ui-react/styles.css";
import { Amplify } from "aws-amplify";
import config from "./aws-exports";
Amplify.configure(config);
server less but requires aws server hahaha
Any recommendations on how to create a user notifications when another user replies to a comment / or post