Part 1: Kim Ulan Bu Aws Amplify?
Published: 2021-02-27 12:09:47

Sadece basit bir tool mu yoksa dünyanın en büyük Cloud Platformlarından Aws’in, hayatımızı kolaylaştırıcı büyük bir parçası mı? Aramızda belki daha önce tanışmışlar, belki de ilk defa tanışacak olanlar var.

Aws Amplify… Servisleri kolaylaştıran kahraman.

Günümüzde o kadar fazla yeni öğrenmemiz gereken şey dururken, bir de Amplify mi? Sorunun yanıtı belki de içerisinde gizlidir. Ön uç, arka uç, o bu şu derken, ve evet, büyük bir orkestranın maestrosu. Client-side ve server-side ın kombinasyonuyla ortaya çıkan full-stack applicationları oluşturmak için oldukça kullanışlı bir service. O kadar fazla yeni öğrenmemiz gereken şey dururken belki de sadece Amplify ogrenmek yetecektir 😊

E tabiki olmazsa olmaz. Amplify i öğrenmek için de bazı şeyler hakkında fikir sahibi olmak gerekir. Bunları süreç içerisin de öğrenirsiniz diye detaylandırmayacağım. Hızlıca başlayalım devamı nasıl olsa ilerleyen makaleler de gelecek.

**İlk Kurulumlar**

Bilgisayarınız henüz Node.js ile tanışmadıysa, bunu yükleyerek başlayalım

[Link](https://nodejs.org/en/download/)

Ve de tabiki bir adet Aws hesabınız bulunmalı.

[Link](https://aws.amazon.com/)

**Amplify**

İlk kurulumlar tamamlandıktan sonra hızlıca Amplify kurulumuna geçebiliriz.

`npm install -g @aws-amplify/cli`

komutu ile global olarak kurulumu gerçekleştirelim
Hemen ardından Amplify i configure edelim

`amplify configure`

Bu komutla beraber Aws konsol sekmesi açılacak. Yönetici izinlerine sahip bir kullanıcıyla devam edin. Kullanıcı için bir bölge ve isim ekleyerek işlemleri tamamlayın.

**React**

Yeni bir React projesi oluşturarak, yolumuza devam.
`npx create-react-app amplify-react-app`
`cd amplify-react-app`

Projemizin dizininde terminal açarak ilerleyelim
İlk yapmamız gereken `amplify init` komutunu calıştırmak.Tabi bunu size hatırlatacak hatırlatıcınız ekranda belirecek.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xaxolaep0nawrbni3lr6.png)


Sizden bir proje ismi istenecek

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdltrp732wwnag0stfxz.png)

ismi girerek devam edelim.
Sonrasında proje environmentınız için isim isteniyor. Enter a basarak ilerleyelim.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7c410xl3f9y0iwqbblkb.png)

Default editor seçimi ve diğer seçimlerimizi de yapalım

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/afs91yo9gnbzxlv65fdj.png)

Seçimlerimizi gösterdiğimiz gibi ilerletelim

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13sjqkkrnm0jp1dfbeyr.png)

Aws profilinizi seçmeniz için veya yeniden yaratabilmenize olanak tanıyan yere geldik. Daha önce configure ettiğimiz için (y) diyerek ilerleyebiliriz.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9ltco9fcgf5c1n0lvy2.png)

Cloud ta initialize edilen projemiz artik Amplify ile kullanıma sunuluyor. Aws hesabınıza giriş yaparak console dan AWS Amplify servisine gidebilirsiniz.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2imehegflu3xyxb9juat.png)

Ve gördüğünüz gibi projeniz, verdiğiniz isim ile oluşturuldu. Tıklayarak içeriye girelim. Backend ve frontend environmentlari deploy etmemiz icin öncelikle projemizi asağıdakı yerlerden birinde tutmamız gerekiyor. Biz bu yazımızda github kullanarak ilerleyeceğiz

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4402ho9ppb0qzoomjz2w.png)

Github’ı seçerek connect branch diyebiliriz. Daha sonrasında repositoriesimizi seçeçeğimiz alan gelecek.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ljcysmp7tie8wabqfwjf.png)

Ve ilerleyerek branchimizi bağlayalım

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fh7fnwce91ri1jp4h427.png)

Projemiz sorunsuz bi şekilde deploy edildikten sonra url e tıklayarak görebilirsiniz.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o25vmnv3y0t8g56ma6cf.png)