add resourceGroupName

Author: ykethan

src/pages/[platform]/build-a-backend/functions/configure-functions/index.mdx

@@ -90,3 +90,14 @@ export const myDemoFunction = defineFunction({
   entry: './path/to/handler.ts' // this path should either be absolute or relative to the current file
 });
 ```
+
+## `resourceGroupName`
+
+By default, functions are grouped together in a resource group named `function`. You can override this to group related function with other Amplify resources like `auth`, `data`, `storage`, or separate them into your own custom group.
+This is typically useful when you have resources that depend on each other and you want to group them together.
+
+```ts title="amplify/functions/my-demo-function/resource.ts"
+export const myDemoFunction = defineFunction({
+  resourceGroupName: 'data'
+});
+```

src/pages/[platform]/build-a-backend/functions/examples/dynamo-db-stream/index.mdx

@@ -46,6 +46,7 @@ import { defineFunction } from "@aws-amplify/backend";
 
 export const myDynamoDBFunction = defineFunction({
   name: "dynamoDB-function",
+  resourceGroupName: "data",
 });
 ```
 

src/pages/[platform]/build-a-backend/functions/examples/s3-upload-confirmation/index.mdx

@@ -44,6 +44,7 @@ import { defineFunction, defineStorage } from "@aws-amplify/backend";
 
 export const storage = defineStorage({
   name: 'myProjectFiles',
+  resourceGroupName: "storage",
   triggers: {
     onUpload: defineFunction({
       entry: './on-upload-handler.ts'