{"id":17524,"date":"2025-12-17T13:24:45","date_gmt":"2025-12-17T09:54:45","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=17524"},"modified":"2026-03-16T18:19:10","modified_gmt":"2026-03-16T14:49:10","slug":"aws-amplify-react-full-stack-app","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/tr\/amazon\/aws-amplify-react-full-stack-app\/","title":{"rendered":"AWS Amplify ile Tam Y\u0131\u011f\u0131nl\u0131 React Uygulamas\u0131 Olu\u015fturma"},"content":{"rendered":"\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-summary\"><span id=\"%d8%ae%d9%84%d8%a7%d8%b5%d9%87-%d9%85%d8%b3%db%8c%d8%b1\">\u062e\u0644\u0627\u0635\u0647 \u0645\u0633\u06cc\u0631<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647 \u0641\u0631\u0627\u06cc\u0646\u062f \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 <em>Full Stack<\/em> \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 React \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <strong>AWS Amplify<\/strong> \u062a\u0634\u0631\u06cc\u062d \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0633\u06cc\u0631 \u06a9\u0644\u06cc \u0634\u0627\u0645\u0644 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u062a\u0648\u0633\u0639\u0647\u060c \u0627\u06cc\u062c\u0627\u062f \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\u060c \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u06a9\u200c\u0627\u0646\u062f \u0628\u0627 Amplify\u060c \u0627\u062a\u0635\u0627\u0644 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0628\u0647 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u060c \u0627\u0633\u062a\u0642\u0631\u0627\u0631 (deploy)\u060c \u0627\u062a\u0635\u0627\u0644 \u062f\u0627\u0645\u0646\u0647 \u0648 CDN\u060c \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u06cc\u0646\u06af \u0627\u0633\u062a.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-prerequisites\"><span id=\"%d9%be%db%8c%d8%b4%d9%86%db%8c%d8%a7%d8%b2%d9%87%d8%a7-%d9%88-%d9%86%d8%b5%d8%a8-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1%d9%87%d8%a7-local\">\u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627 \u0648 \u0646\u0635\u0628 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 (Local)<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0645\u0648\u0627\u0631\u062f \u0644\u0627\u0632\u0645 \u0631\u0648\u06cc \u0645\u0627\u0634\u06cc\u0646 \u062a\u0648\u0633\u0639\u0647:<\/p>\n<ul>\n<li class=\"wp-block-paragraph\"><strong>Node.js<\/strong> (&gt;=14) \u0648 npm \u06cc\u0627 yarn<\/li>\n<li class=\"wp-block-paragraph\"><strong>Git<\/strong><\/li>\n<li class=\"wp-block-paragraph\"><strong>Amplify CLI<\/strong><\/li>\n<\/ul>\n<p class=\"wp-block-paragraph\">\u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0646\u0645\u0648\u0646\u0647 \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 Amplify CLI:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm install -g @aws-amplify\/cli\n# or\nyarn global add @aws-amplify\/cli<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u0648\u0644\u06cc\u0647:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify configure<\/code><\/pre>\n<\/div>\n<div class=\"pk-alert pk-alert-info\" role=\"alert\" >\n\u0641\u0631\u0622\u06cc\u0646\u062f <em>amplify configure<\/em> \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 IAM \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c Access Key \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0646\u0637\u0642\u0647 (region) \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0645\u0627\u06cc\u06cc\u062f.<br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-create-app\"><span id=\"%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d8%a7%d9%be%d9%84%db%8c%da%a9%db%8c%d8%b4%d9%86-react\">\u0627\u06cc\u062c\u0627\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 React<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647 React \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 Create React App \u06cc\u0627 Vite \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0645\u062b\u0627\u0644 \u0628\u0627 Create React App:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx create-react-app my-amplify-app\ncd my-amplify-app\ngit init\ngit add .\ngit commit -m \"initial commit\"<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0646\u0635\u0628 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc Amplify \u062f\u0631 \u067e\u0631\u0648\u0698\u0647:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm install aws-amplify @aws-amplify\/ui-react<\/code><\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-add-backend\"><span id=\"%d8%a7%d9%81%d8%b2%d9%88%d8%af%d9%86-backend-%d8%a8%d8%a7-amplify\">\u0627\u0641\u0632\u0648\u062f\u0646 Backend \u0628\u0627 Amplify<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647\u060c \u0627\u0628\u062a\u062f\u0627 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc Amplify \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify init<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u0647\u0645 \u062f\u0631 <strong>amplify init<\/strong> \u0634\u0627\u0645\u0644 \u0646\u0627\u0645 \u0645\u062d\u06cc\u0637 (\u0645\u062b\u0644\u0627\u064b <em>dev<\/em>)\u060c \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631\u060c framework (javascript, react)\u060c \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc src \u0648 build\u060c \u0648 \u062f\u0633\u062a\u0648\u0631\u0627\u062a build\/start \u0627\u0633\u062a.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-auth\"><span id=\"1-%d8%a7%d8%ad%d8%b1%d8%a7%d8%b2-%d9%87%d9%88%db%8c%d8%aa-auth\">1) \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a (Auth)<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify add auth<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627: Default configuration (Username)\u060c \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062f\u0633\u062a\u06cc \u0628\u0631\u0627\u06cc Social providers (Google, Facebook) \u06cc\u0627 federation \u0628\u0627 Cognito Identity Pool.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-api\"><span id=\"2-api-graphql-%db%8c%d8%a7-rest\">2) API (GraphQL \u06cc\u0627 REST)<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc GraphQL:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify add api<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0627\u0646\u062a\u062e\u0627\u0628 GraphQL \u0648 \u06cc\u06a9 schema \u0646\u0645\u0648\u0646\u0647:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>type Todo @model {\n  id: ID!\n  title: String!\n  completed: Boolean!\n}<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc REST (API Gateway + Lambda):<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify add api\n# choose REST\n# then add function for endpoint<\/code><\/pre>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"h-function\"><span id=\"3-%d8%aa%d9%88%d8%a7%d8%a8%d8%b9-lambda-function\">3) \u062a\u0648\u0627\u0628\u0639 Lambda (Function)<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u067e\u0631\u062f\u0627\u0632\u0634\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u06cc\u0627 Webhook\u0647\u0627:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify add function<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0632\u0628\u0627\u0646: Node.js \u06cc\u0627 Python. \u0646\u0648\u0639: Lambda function (CRUD, handler).<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-storage\"><span id=\"4-%d8%b0%d8%ae%db%8c%d8%b1%d9%87%d8%b3%d8%a7%d8%b2%db%8c-%d9%81%d8%a7%db%8c%d9%84-storage\">4) \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0627\u06cc\u0644 (Storage)<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 S3 \u062c\u0647\u062a \u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644\u200c\u0647\u0627:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify add storage<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0646\u0648\u0639: Content (Images, files).<\/p>\n<p class=\"wp-block-paragraph\">\u067e\u0633 \u0627\u0632 \u0627\u0641\u0632\u0648\u062f\u0646 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632\u060c \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0631\u0627 \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>amplify push<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0645\u0646\u0627\u0628\u0639 \u0627\u0628\u0631\u06cc \u0645\u0627\u0646\u0646\u062f Cognito, AppSync, Lambda, S3 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0641\u0627\u06cc\u0644 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0631\u0627 \u062f\u0631 <code>src\/aws-exports.js<\/code> \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-connect-frontend\"><span id=\"%d8%a7%d8%aa%d8%b5%d8%a7%d9%84-%d9%81%d8%b1%d8%a7%d9%86%d8%aa%d8%a7%d9%86%d8%af-%d8%a8%d9%87-backend\">\u0627\u062a\u0635\u0627\u0644 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0628\u0647 Backend<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u0641\u0627\u06cc\u0644 <code>src\/index.js<\/code> \u06cc\u0627 <code>App.js<\/code> \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc Amplify \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>import Amplify from \"aws-amplify\";\nimport awsExports from \".\/aws-exports\";\nAmplify.configure(awsExports);<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0646\u0645\u0648\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Auth:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>import { Auth } from \"aws-amplify\";\n\/\/ Sign up\nawait Auth.signUp({ username, password, attributes: { email } });\n\/\/ Sign in\nawait Auth.signIn(username, password);<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u0646\u0645\u0648\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 GraphQL:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>import { API, graphqlOperation } from \"aws-amplify\";\nimport { listTodos } from \".\/graphql\/queries\";\nconst result = await API.graphql(graphqlOperation(listTodos));<\/code><\/pre>\n<\/div>\n<div class=\"pk-alert pk-alert-warning\" role=\"alert\" >\n\u0627\u0632 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u06a9\u0644\u06cc\u062f\u0647\u0627 \u06cc\u0627 \u0627\u0633\u0631\u0627\u0631 \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (.env \u062f\u0631 \u06af\u06cc\u062a) \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u0632 AWS Secrets Manager \u06cc\u0627 Systems Manager Parameter Store \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.<br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-security\"><span id=\"%d9%86%da%a9%d8%a7%d8%aa-%d8%a7%d9%85%d9%86%db%8c%d8%aa%db%8c-%d9%88-best-practices\">\u0646\u06a9\u0627\u062a \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 Best Practices<\/span><\/h2>\n<p class=\"wp-block-paragraph\"><strong>\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc:<\/strong><\/p>\n<ul>\n<li class=\"wp-block-paragraph\">\u0627\u0635\u0644 <strong>\u062d\u062f\u0627\u0642\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc (Least Privilege)<\/strong> \u0631\u0627 \u0631\u0639\u0627\u06cc\u062a \u06a9\u0646\u06cc\u062f\u061b \u062a\u0646\u0647\u0627 \u0645\u062c\u0648\u0632\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0628\u0647 IAM roles \u062f\u0627\u062f\u0647 \u0634\u0648\u062f.<\/li>\n<li class=\"wp-block-paragraph\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <em>AWS Secrets Manager<\/em> \u06cc\u0627 <em>Systems Manager Parameter Store<\/em> \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627\u0632\u0647\u0627.<\/li>\n<li class=\"wp-block-paragraph\">\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 MFA \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 IAM \u0628\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062d\u0633\u0627\u0633.<\/li>\n<li class=\"wp-block-paragraph\">\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 HTTPS \u0648 HSTS\u060c \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 WAF \u0648 rate limiting \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a \u0644\u0627\u06cc\u0647 \u06f7.<\/li>\n<li class=\"wp-block-paragraph\">\u0631\u0645\u0632\u0646\u06af\u0627\u0631\u06cc at rest \u0648 in transit \u0628\u0631\u0627\u06cc \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627.<\/li>\n<li class=\"wp-block-paragraph\">\u0645\u062d\u062f\u0648\u062f\u06cc\u062a CORS \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc Content Security Policy \u062f\u0631 \u0627\u067e React.<\/li>\n<\/ul>\n<div class=\"pk-alert pk-alert-danger\" role=\"alert\" >\n\u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637 production\u060c \u0628\u0631\u0631\u0633\u06cc \u062f\u0642\u06cc\u0642 IAM policies\u060c \u0644\u0627\u06af\u06cc\u0646\u06af \u0641\u0639\u0627\u0644 \u0648 \u062a\u0633\u062a\u200c\u0647\u0627\u06cc \u0646\u0641\u0648\u0630 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.<br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-deploy\"><span id=\"%d8%a7%d8%b3%d8%aa%d9%82%d8%b1%d8%a7%d8%b1-deploy-%d9%88-ci-cd\">\u0627\u0633\u062a\u0642\u0631\u0627\u0631 (Deploy) \u0648 CI\/CD<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u062f\u0648 \u0631\u0648\u0634 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0642\u0631\u0627\u0631:<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-amplify-console\"><span id=\"%d8%b1%d9%88%d8%b4-%d8%a7%d9%88%d9%84-amplify-console\">\u0631\u0648\u0634 \u0627\u0648\u0644: Amplify Console<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647: \u062f\u0631 Amplify Console \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u062c\u062f\u06cc\u062f \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0631\u06cc\u067e\u0627\u0632\u06cc\u062a\u0648\u0631\u06cc GitHub\/GitLab\/Bitbucket \u0631\u0627 \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. Amplify \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 pipeline \u0628\u0631\u0627\u06cc build -&gt; test -&gt; deploy \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p class=\"wp-block-paragraph\">\u0646\u0645\u0648\u0646\u0647 \u0641\u0627\u06cc\u0644 <code>amplify.yml<\/code> \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 CRA:<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>version: 1\nfrontend:\n  phases:\n    preBuild:\n      commands:\n        - npm ci\n    build:\n      commands:\n        - npm run build\n  artifacts:\n    baseDirectory: build\n    files:\n      - '**\/*'\n  cache:\n    paths:\n      - node_modules\/**\/*<\/code><\/pre>\n<\/div>\n<p class=\"wp-block-paragraph\">\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u062d\u06cc\u0637\u06cc (environment variables) \u0648 \u0631\u0627\u0632\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0628\u062e\u0634 Build settings \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-external-ci\"><span id=\"%d8%b1%d9%88%d8%b4-%d8%af%d9%88%d9%85-ci-cd-%d8%ae%d8%a7%d8%b1%d8%ac%db%8c-amplify-hosting-api\">\u0631\u0648\u0634 \u062f\u0648\u0645: CI\/CD \u062e\u0627\u0631\u062c\u06cc + Amplify Hosting API<\/span><\/h3>\n<p class=\"wp-block-paragraph\">\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 GitLab CI\/CD \u06cc\u0627 GitHub Actions build \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u0647 \u0648 \u0641\u0627\u06cc\u0644 build \u0631\u0627 \u0628\u0647 S3 + CloudFront \u0645\u0646\u062a\u0642\u0644 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0627\u0632 Amplify Hosting API \u0628\u0647\u0631\u0647 \u0628\u0628\u0631\u06cc\u062f.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-domain-cdn\"><span id=\"%d8%a7%d8%aa%d8%b5%d8%a7%d9%84-%d8%af%d8%a7%d9%85%d9%86%d9%87-%d9%88-cdn\">\u0627\u062a\u0635\u0627\u0644 \u062f\u0627\u0645\u0646\u0647 \u0648 CDN<\/span><\/h2>\n<p class=\"wp-block-paragraph\">Amplify Console \u0627\u0645\u06a9\u0627\u0646 \u0627\u062a\u0635\u0627\u0644 \u062f\u0627\u0645\u0646\u0647 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 SSL \u0627\u0632 \u0637\u0631\u06cc\u0642 <em>AWS Certificate Manager<\/em> \u0631\u0627 \u062f\u0627\u0631\u062f.<\/p>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc DNS \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 <strong>Route53<\/strong> \u06cc\u0627 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0628\u0627 Anycast CDN \u0648 \u0686\u0646\u062f\u06cc\u0646 \u0644\u0648\u06a9\u06cc\u0634\u0646 edge \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CDN (CloudFront \u06cc\u0627 CDN \u062e\u0627\u0631\u062c\u06cc) \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 latency \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-latency\"><span id=\"%d9%be%d8%a7%db%8c%d8%af%d8%a7%d8%b1%db%8c%d8%8c-latency-%d9%88-%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d9%84%d9%88%da%a9%db%8c%d8%b4%d9%86\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc\u060c Latency \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0644\u0648\u06a9\u06cc\u0634\u0646<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u062a\u0627\u062e\u06cc\u0631 API\u060c \u0645\u0646\u0637\u0642\u0647 (Region) \u0645\u0646\u0627\u0633\u0628 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 \u067e\u0631\u062f\u0627\u0632\u0634 \u0633\u0646\u06af\u06cc\u0646 \u0627\u0632 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc GPU \u06cc\u0627 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0627 \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0628\u06a9\u200c\u0627\u0646\u062f \u063a\u06cc\u0631\u0633\u0631\u0648\u0631\u0644\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.<\/p>\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062a\u0631\u06cc\u062f\u0631 \u06cc\u0627 \u06af\u06cc\u0645\u0631\u060c \u0644\u0648\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 \u0644\u0646\u062f\u0646\u060c \u0641\u0631\u0627\u0646\u06a9\u0641\u0648\u0631\u062a \u0648 \u0646\u06cc\u0648\u06cc\u0648\u0631\u06a9 \u0645\u0639\u0645\u0648\u0644\u0627 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 latency \u0647\u0633\u062a\u0646\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0627\u0631\u062f \u062d\u0633\u0627\u0633 \u0627\u0632 \u0633\u0631\u0648\u0631 \u0636\u062f DDoS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-gpu-cloud\"><span id=\"%d9%85%d8%ab%d8%a7%d9%84-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-gpu-cloud-%d8%a8%d8%b1%d8%a7%db%8c-%d9%be%d8%b1%d8%af%d8%a7%d8%b2%d8%b4-%d8%b3%d9%85%d8%aa-%d8%b3%d8%b1%d9%88%d8%b1\">\u0645\u062b\u0627\u0644: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 GPU Cloud \u0628\u0631\u0627\u06cc \u067e\u0631\u062f\u0627\u0632\u0634 \u0633\u0645\u062a \u0633\u0631\u0648\u0631<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0627\u06af\u0631 \u0627\u067e \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u0628\u0647 inferencing \u0645\u062f\u0644\u200c\u0647\u0627\u06cc ML \u062f\u0627\u0631\u062f:<\/p>\n<ul>\n<li class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0633\u0628\u06a9 \u0627\u0632 Lambda\u060c \u0628\u0631\u0627\u06cc \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0627\u0632 \u06cc\u06a9 \u0633\u0631\u0648\u06cc\u0633 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 GPU \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li class=\"wp-block-paragraph\">\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 endpoint \u0627\u0645\u0646 (HTTPS) \u0648 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0627\u0632 React \u0628\u0627 fetch \u06cc\u0627 axios.<\/li>\n<li class=\"wp-block-paragraph\">\u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0628\u0644\u0627\u062f\u0631\u0646\u06af \u0628\u0648\u062f\u0646\u060c \u0627\u0632 WebSocket \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-monitoring\"><span id=\"%d9%85%d8%a7%d9%86%db%8c%d8%aa%d9%88%d8%b1%db%8c%d9%86%da%af%d8%8c-%d9%84%d8%a7%da%af-%d9%88-%d8%b1%d9%81%d8%b9-%d8%a7%d8%b4%da%a9%d8%a7%d9%84\">\u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u06cc\u0646\u06af\u060c \u0644\u0627\u06af \u0648 \u0631\u0641\u0639 \u0627\u0634\u06a9\u0627\u0644<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc:<\/p>\n<ul>\n<li class=\"wp-block-paragraph\">CloudWatch Metrics \u0648 Alarms \u0628\u0631\u0627\u06cc Lambda\u060c API Gateway \u0648 AppSync.<\/li>\n<li class=\"wp-block-paragraph\">\u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc AWS X-Ray \u0628\u0631\u0627\u06cc tracing \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627.<\/li>\n<li class=\"wp-block-paragraph\">\u0628\u0631\u0631\u0633\u06cc \u0644\u0627\u06af\u200c\u0647\u0627\u06cc S3 \u0648 CloudFront logs.<\/li>\n<li class=\"wp-block-paragraph\">\u0627\u062f\u063a\u0627\u0645 \u0628\u0627 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u062b\u0627\u0644\u062b \u0645\u0627\u0646\u0646\u062f Sentry \u0628\u0631\u0627\u06cc \u062e\u0637\u0627\u06cc\u0627\u0628\u06cc \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-cost\"><span id=\"%d8%a8%d9%87%db%8c%d9%86%d9%87%d8%b3%d8%a7%d8%b2%db%8c-%d9%87%d8%b2%db%8c%d9%86%d9%87\">\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0647\u0632\u06cc\u0646\u0647<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u062a\u0648\u0635\u06cc\u0647\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647:<\/p>\n<ul>\n<li class=\"wp-block-paragraph\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0633\u0631\u0648\u0631\u0644\u0633 (Lambda, AppSync) \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc idle.<\/li>\n<li class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u0647\u0627\u06cc \u0645\u062f\u0627\u0648\u0645\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u0627\u0628\u0631\u06cc \u06cc\u0627 VPS \u0628\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u0646\u0627\u0633\u0628.<\/li>\n<li class=\"wp-block-paragraph\">\u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc Auto-scaling \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Reserved Instances \u06cc\u0627 Savings Plans \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0628\u0644\u0646\u062f\u0645\u062f\u062a.<\/li>\n<li class=\"wp-block-paragraph\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CDN \u0648 caching \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627 \u0628\u0647 \u0628\u06a9\u200c\u0627\u0646\u062f.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-devops-tips\"><span id=\"%d9%86%da%a9%d8%a7%d8%aa-%d8%b9%d9%85%d9%84%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%db%8c%d9%85%d9%87%d8%a7%db%8c-devops-%d9%88-%d9%85%d8%af%db%8c%d8%b1%d8%a7%d9%86-%d8%b4%d8%a8%da%a9%d9%87\">\u0646\u06a9\u0627\u062a \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc DevOps \u0648 \u0645\u062f\u06cc\u0631\u0627\u0646 \u0634\u0628\u06a9\u0647<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0631\u0627\u0647\u0628\u0631\u062f\u0647\u0627:<\/p>\n<ul>\n<li class=\"wp-block-paragraph\">Infrastructure as Code: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CloudFormation\u060c Terraform \u06cc\u0627 Amplify\u2019s backend-config \u0628\u0631\u0627\u06cc \u0646\u0633\u062e\u0647\u200c\u0628\u0646\u062f\u06cc \u0632\u06cc\u0631\u0633\u0627\u062e\u062a.<\/li>\n<li class=\"wp-block-paragraph\">\u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u062a\u0635\u0627\u0644 \u062e\u0635\u0648\u0635\u06cc\u060c \u062a\u0648\u0627\u0628\u0639 Lambda \u0631\u0627 \u0628\u0627 VPC \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 Transit Gateway \u06cc\u0627 VPN \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.<\/li>\n<li class=\"wp-block-paragraph\">\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 ACL\u0647\u0627 \u0648 Security Group\u0647\u0627.<\/li>\n<li class=\"wp-block-paragraph\">\u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc GitLab \u06cc\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0631\u0648\u06cc Runner\u0647\u0627\u060c \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc GitLab \u0631\u0648\u06cc \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-checklist\"><span id=\"%da%86%da%a9%d9%84%db%8c%d8%b3%d8%aa-%d9%82%d8%a8%d9%84-%d8%a7%d8%b2-%d9%88%d8%b1%d9%88%d8%af-%d8%a8%d9%87-production\">\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u0642\u0628\u0644 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 production<\/span><\/h2>\n<ul>\n<li class=\"wp-block-paragraph\">\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0648 authorization \u062a\u0633\u062a \u0634\u062f\u0647 (Cognito, IAM policies)<\/li>\n<li class=\"wp-block-paragraph\">HTTPS \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 SSL \u0641\u0639\u0627\u0644<\/li>\n<li class=\"wp-block-paragraph\">\u0644\u0627\u06af\u06cc\u0646\u06af \u0648 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u06cc\u0646\u06af \u0641\u0639\u0627\u0644<\/li>\n<li class=\"wp-block-paragraph\">\u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e (rate limiting) \u0648 WAF \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647<\/li>\n<li class=\"wp-block-paragraph\">CORS \u0648 CSP \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u062f\u0631 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f<\/li>\n<li class=\"wp-block-paragraph\">\u0628\u06a9\u200c\u0622\u067e \u0648 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc (S3 versioning, snapshots)<\/li>\n<li class=\"wp-block-paragraph\">\u062a\u0633\u062a \u0628\u0627\u0631 (load testing) \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f<\/li>\n<\/ul>\n<div class=\"pk-alert pk-alert-success\" role=\"alert\" >\n\u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0647\u0645\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648 \u0644\u0627\u06af\u06cc\u0646\u06af \u0642\u0628\u0644 \u0627\u0632 \u0631\u0641\u062a\u0646 \u0628\u0647 production \u0628\u0631\u0631\u0633\u06cc \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f.<br \/>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><span id=\"%d9%86%d8%aa%db%8c%d8%ac%d9%87%da%af%db%8c%d8%b1%db%8c-%d9%88-%d8%ac%d9%85%d8%b9%d8%a8%d9%86%d8%af%db%8c\">\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc \u0648 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/span><\/h2>\n<p class=\"wp-block-paragraph\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <strong>AWS Amplify<\/strong> \u0631\u0648\u0646\u062f \u062a\u0648\u0633\u0639\u0647 \u0648 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0631\u0627 \u0633\u0631\u06cc\u0639 \u0648 \u0642\u0627\u0628\u0644 \u062a\u06a9\u0631\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc production \u0628\u0647 \u0627\u0645\u0646\u06cc\u062a\u060c \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u06cc\u0646\u06af\u060c \u0627\u0646\u062a\u062e\u0627\u0628 \u0644\u0648\u06a9\u06cc\u0634\u0646 \u0645\u0646\u0627\u0633\u0628 \u0648 \u0645\u062f\u0644 \u0647\u0632\u06cc\u0646\u0647 \u062a\u0648\u062c\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u067e\u0631\u062f\u0627\u0632\u0634 \u0633\u0646\u06af\u06cc\u0646 \u06cc\u0627 \u062a\u0627\u062e\u06cc\u0631 \u067e\u0627\u06cc\u06cc\u0646\u060c \u062a\u0631\u06a9\u06cc\u0628 Amplify \u0628\u0627 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u0627\u0628\u0631\u06cc\u060c GPU Cloud \u06cc\u0627 VPS \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0627\u06cc \u0628\u0627\u0634\u062f.<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-faq\"><span id=\"%d8%b3%d8%a4%d8%a7%d9%84%d8%a7%d8%aa-%d9%85%d8%aa%d8%af%d8%a7%d9%88%d9%84\">\u0633\u0624\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/span><\/h2>\n<div id=\"collapsibles-6a03b588375b1\" class=\"pk-collapsibles\" role=\"tablist\" aria-multiselectable=\"true\">\n<div class=\"pk-collapsible pk-card \">\n\t\t\t<div class=\"pk-card-header\" role=\"tab\" id=\"card-6a03b588374fb\">\n\t\t\t\t<h6 class=\"pk-card-title pk-title\">\n\t\t\t\t\t<a data-toggle=\"collapse\" class=\"pk-font-heading\" href=\"#pk-collapse-6a03b588374fb\" data-parent=\"#pk-collapsibles-6a03b588375b1\" aria-controls=\"collapse-6a03b588374fb\">\n\t\t\t\t\t\t\u06f1. \u0686\u06af\u0648\u0646\u0647 Amplify CLI \u0631\u0627 \u0646\u0635\u0628 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u0645\u061f\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h6>\n\t\t\t<\/div>\n\n\t\t\t<div id=\"pk-collapse-6a03b588374fb\" class=\"pk-collapse\" style=\"display:none;\" role=\"tabpanel\" aria-labelledby=\"card-6a03b588374fb\">\n\t\t\t\t<div class=\"pk-card-body\">\n\t\t\t\t\t\n\u0628\u0627 \u0627\u062c\u0631\u0627\u06cc npm install -g @aws-amplify\/cli \u06cc\u0627 yarn global add @aws-amplify\/cli \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f\u060c \u0633\u067e\u0633 \u0628\u0627 amplify configure \u062d\u0633\u0627\u0628 AWS \u0648 \u06a9\u0627\u0631\u0628\u0631 IAM \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0646\u0645\u0627\u06cc\u06cc\u062f.<br \/>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<div class=\"pk-collapsible pk-card \">\n\t\t\t<div class=\"pk-card-header\" role=\"tab\" id=\"card-6a03b58837525\">\n\t\t\t\t<h6 class=\"pk-card-title pk-title\">\n\t\t\t\t\t<a data-toggle=\"collapse\" class=\"pk-font-heading\" href=\"#pk-collapse-6a03b58837525\" data-parent=\"#pk-collapsibles-6a03b588375b1\" aria-controls=\"collapse-6a03b58837525\">\n\t\t\t\t\t\t\u06f2. \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u062f\u0631 Amplify \u0686\u06cc\u0633\u062a\u061f\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h6>\n\t\t\t<\/div>\n\n\t\t\t<div id=\"pk-collapse-6a03b58837525\" class=\"pk-collapse\" style=\"display:none;\" role=\"tabpanel\" aria-labelledby=\"card-6a03b58837525\">\n\t\t\t\t<div class=\"pk-card-body\">\n\t\t\t\t\t\n\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u0632 amplify add auth \u0628\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 Social login \u06cc\u0627 federation \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u062a\u06cc \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.<br \/>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<div class=\"pk-collapsible pk-card \">\n\t\t\t<div class=\"pk-card-header\" role=\"tab\" id=\"card-6a03b5883754b\">\n\t\t\t\t<h6 class=\"pk-card-title pk-title\">\n\t\t\t\t\t<a data-toggle=\"collapse\" class=\"pk-font-heading\" href=\"#pk-collapse-6a03b5883754b\" data-parent=\"#pk-collapsibles-6a03b588375b1\" aria-controls=\"collapse-6a03b5883754b\">\n\t\t\t\t\t\t\u06f3. \u0622\u06cc\u0627 \u0628\u0627\u06cc\u062f \u0627\u0633\u0631\u0627\u0631 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 .env \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0645\u061f\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h6>\n\t\t\t<\/div>\n\n\t\t\t<div id=\"pk-collapse-6a03b5883754b\" class=\"pk-collapse\" style=\"display:none;\" role=\"tabpanel\" aria-labelledby=\"card-6a03b5883754b\">\n\t\t\t\t<div class=\"pk-card-body\">\n\t\t\t\t\t\n\u062e\u06cc\u0631. \u0627\u0632 AWS Secrets Manager \u06cc\u0627 Systems Manager Parameter Store \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0644\u06cc\u062f\u0647\u0627 \u0648 \u0631\u0627\u0632\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<br \/>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<div class=\"pk-collapsible pk-card \">\n\t\t\t<div class=\"pk-card-header\" role=\"tab\" id=\"card-6a03b5883756f\">\n\t\t\t\t<h6 class=\"pk-card-title pk-title\">\n\t\t\t\t\t<a data-toggle=\"collapse\" class=\"pk-font-heading\" href=\"#pk-collapse-6a03b5883756f\" data-parent=\"#pk-collapsibles-6a03b588375b1\" aria-controls=\"collapse-6a03b5883756f\">\n\t\t\t\t\t\t\u06f4. \u0686\u06af\u0648\u0646\u0647 \u0627\u067e React \u0631\u0627 \u0628\u0647 Amplify Backend \u0645\u062a\u0635\u0644 \u06a9\u0646\u0645\u061f\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h6>\n\t\t\t<\/div>\n\n\t\t\t<div id=\"pk-collapse-6a03b5883756f\" class=\"pk-collapse\" style=\"display:none;\" role=\"tabpanel\" aria-labelledby=\"card-6a03b5883756f\">\n\t\t\t\t<div class=\"pk-card-body\">\n\t\t\t\t\t\n\u0641\u0627\u06cc\u0644 src\/aws-exports.js \u0631\u0627 \u0628\u0627 Amplify.configure(awsExports) \u062f\u0631 index.js \u06cc\u0627 App.js \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc Auth \u0648 API \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.<br \/>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<div class=\"pk-collapsible pk-card \">\n\t\t\t<div class=\"pk-card-header\" role=\"tab\" id=\"card-6a03b58837592\">\n\t\t\t\t<h6 class=\"pk-card-title pk-title\">\n\t\t\t\t\t<a data-toggle=\"collapse\" class=\"pk-font-heading\" href=\"#pk-collapse-6a03b58837592\" data-parent=\"#pk-collapsibles-6a03b588375b1\" aria-controls=\"collapse-6a03b58837592\">\n\t\t\t\t\t\t\u06f5. \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0686\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/h6>\n\t\t\t<\/div>\n\n\t\t\t<div id=\"pk-collapse-6a03b58837592\" class=\"pk-collapse\" style=\"display:none;\" role=\"tabpanel\" aria-labelledby=\"card-6a03b58837592\">\n\t\t\t\t<div class=\"pk-card-body\">\n\t\t\t\t\t\n\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0633\u0631\u0648\u0631\u0644\u0633\u060c CDN\u060c caching\u060c Auto-scaling \u0648 Reserved Instances \u06cc\u0627 Savings Plans \u06a9\u0645\u06a9 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<br \/>\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n<\/div>\n\t\t\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"\u0686\u06af\u0648\u0646\u0647 Amplify CLI \u0631\u0627 \u0646\u0635\u0628 \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u0645\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0628\u0627 \u0627\u062c\u0631\u0627\u06cc npm install -g @aws-amplify\/cli \u06cc\u0627 yarn global add @aws-amplify\/cli \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f\u060c \u0633\u067e\u0633 \u0628\u0627 amplify configure \u062d\u0633\u0627\u0628 AWS \u0648 \u06a9\u0627\u0631\u0628\u0631 IAM \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0646\u0645\u0627\u06cc\u06cc\u062f.\"}},{\"@type\":\"Question\",\"name\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u062f\u0631 Amplify \u0686\u06cc\u0633\u062a\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u0632 amplify add auth \u0628\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 Social login \u06cc\u0627 federation \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u062a\u06cc \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.\"}},{\"@type\":\"Question\",\"name\":\"\u0622\u06cc\u0627 \u0628\u0627\u06cc\u062f \u0627\u0633\u0631\u0627\u0631 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 .env \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0645\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u062e\u06cc\u0631. \u0627\u0632 AWS Secrets Manager \u06cc\u0627 Systems Manager Parameter Store \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u0644\u06cc\u062f\u0647\u0627 \u0648 \u0631\u0627\u0632\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.\"}},{\"@type\":\"Question\",\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u0627\u067e React \u0631\u0627 \u0628\u0647 Amplify Backend \u0645\u062a\u0635\u0644 \u06a9\u0646\u0645\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0641\u0627\u06cc\u0644 src\/aws-exports.js \u0631\u0627 \u0628\u0627 Amplify.configure(awsExports) \u062f\u0631 index.js \u06cc\u0627 App.js \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc Auth \u0648 API \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f.\"}},{\"@type\":\"Question\",\"name\":\"\u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0686\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0633\u0631\u0648\u0631\u0644\u0633\u060c CDN\u060c caching\u060c Auto-scaling \u0648 Reserved Instances \u06cc\u0627 Savings Plans \u06a9\u0645\u06a9 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\"}}]}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"Bu makalede, ilk kurulumdan da\u011f\u0131t\u0131ma ve optimizasyona kadar AWS Amplify kullanarak tam kapsaml\u0131 bir React uygulamas\u0131n\u0131 kolayca nas\u0131l olu\u015fturabilece\u011finizi \u00f6\u011freneceksiniz.","protected":false},"author":8,"featured_media":17526,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"[]","_yoast_wpseo_primary_category":"220","footnotes":""},"categories":[220,363],"tags":[219,240,490],"class_list":{"0":"post-17524","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-amazon","8":"category-programming","9":"tag-aws","10":"tag-cloudflare","11":"tag-s3"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"description\" content=\"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/tr\/amazon\/aws-amplify-react-full-stack-app\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/tr\/amazon\/aws-amplify-react-full-stack-app\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-17T09:54:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T14:49:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1654\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Elahe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elahe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/\"},\"author\":{\"name\":\"Elahe\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/f302f8428a00aaa2cabd5752d9c8fa65\"},\"headline\":\"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify\",\"datePublished\":\"2025-12-17T09:54:45+00:00\",\"dateModified\":\"2026-03-16T14:49:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/\"},\"wordCount\":432,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/12\\\/17132417\\\/aws-amplify-react-full-stack-app-17524.webp\",\"keywords\":[\"AWS\",\"cloudflare\",\"s3\"],\"articleSection\":[\"\u0622\u0645\u0627\u0632\u0648\u0646\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"tr\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/\",\"name\":\"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/12\\\/17132417\\\/aws-amplify-react-full-stack-app-17524.webp\",\"datePublished\":\"2025-12-17T09:54:45+00:00\",\"dateModified\":\"2026-03-16T14:49:10+00:00\",\"description\":\"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/12\\\/17132417\\\/aws-amplify-react-full-stack-app-17524.webp\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/12\\\/17132417\\\/aws-amplify-react-full-stack-app-17524.webp\",\"width\":1654,\"height\":1024,\"caption\":\"\u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0631\u0627 \u0628\u0627 AWS Amplify \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0627\u0632 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u06a9\u0644\u0648\u062f \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u0648\u06cc\u062f.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/amazon\\\/aws-amplify-react-full-stack-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0627\u0632\u0648\u0646\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/amazon\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/f302f8428a00aaa2cabd5752d9c8fa65\",\"name\":\"Elahe\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tr\\\/author\\\/elahe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AWS Amplify ile Tam Y\u0131\u011f\u0131nl\u0131 React Uygulamas\u0131 Olu\u015fturma - ITPiran Blog","description":"Bu k\u0131lavuzda, tam kapsaml\u0131 bir React uygulamas\u0131 olu\u015fturmay\u0131 ve AWS Amplify kullanarak bunu \u00f6zel bir alan ad\u0131na ba\u011flamay\u0131 \u00f6\u011freneceksiniz. Bu rehber, g\u00fcvenli\u011fi ve h\u0131z\u0131 optimize etmenize yard\u0131mc\u0131 olacakt\u0131r.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itpiran.net\/blog\/tr\/amazon\/aws-amplify-react-full-stack-app\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.","og_url":"https:\/\/www.itpiran.net\/blog\/tr\/amazon\/aws-amplify-react-full-stack-app\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2025-12-17T09:54:45+00:00","article_modified_time":"2026-03-16T14:49:10+00:00","og_image":[{"width":1654,"height":1024,"url":"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp","type":"image\/webp"}],"author":"Elahe","twitter_card":"summary_large_image","twitter_description":"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AWS Amplify\u060c \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0633\u0631\u0639\u062a \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.","twitter_misc":{"Yazan:":"Elahe","Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/"},"author":{"name":"Elahe","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/f302f8428a00aaa2cabd5752d9c8fa65"},"headline":"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify","datePublished":"2025-12-17T09:54:45+00:00","dateModified":"2026-03-16T14:49:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/"},"wordCount":432,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp","keywords":["AWS","cloudflare","s3"],"articleSection":["\u0622\u0645\u0627\u0632\u0648\u0646","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"tr"},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/","url":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/","name":"AWS Amplify ile Tam Y\u0131\u011f\u0131nl\u0131 React Uygulamas\u0131 Olu\u015fturma - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp","datePublished":"2025-12-17T09:54:45+00:00","dateModified":"2026-03-16T14:49:10+00:00","description":"Bu k\u0131lavuzda, tam kapsaml\u0131 bir React uygulamas\u0131 olu\u015fturmay\u0131 ve AWS Amplify kullanarak bunu \u00f6zel bir alan ad\u0131na ba\u011flamay\u0131 \u00f6\u011freneceksiniz. Bu rehber, g\u00fcvenli\u011fi ve h\u0131z\u0131 optimize etmenize yard\u0131mc\u0131 olacakt\u0131r.","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp","contentUrl":"https:\/\/cdn.itpiran.net\/2025\/12\/17132417\/aws-amplify-react-full-stack-app-17524.webp","width":1654,"height":1024,"caption":"\u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0631\u0627 \u0628\u0627 AWS Amplify \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0627\u0632 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u06a9\u0644\u0648\u062f \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u0648\u06cc\u062f."},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/amazon\/aws-amplify-react-full-stack-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0627\u0632\u0648\u0646","item":"https:\/\/www.itpiran.net\/blog\/category\/amazon\/"},{"@type":"ListItem","position":3,"name":"\u0633\u0627\u062e\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0648\u0644 \u0627\u0633\u062a\u06a9 \u0631\u06cc\u200c\u0627\u06a9\u062a \u0628\u0627 AWS Amplify"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"\u0130ran S\u00fcrd\u00fcr\u00fclebilir Ticaret Haberleri ve Makaleleri","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"S\u00fcrd\u00fcr\u00fclebilir \u0130ran \u0130\u015fletmeleri Blogu","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/f302f8428a00aaa2cabd5752d9c8fa65","name":"Elahe","url":"https:\/\/www.itpiran.net\/blog\/tr\/author\/elahe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/17524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/comments?post=17524"}],"version-history":[{"count":4,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/17524\/revisions"}],"predecessor-version":[{"id":17726,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/17524\/revisions\/17726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media\/17526"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media?parent=17524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/categories?post=17524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/tags?post=17524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}