DEV Community

Cover image for Part 1: Kim Ulan Bu Aws Amplify?
Okan Acer
Okan Acer

Posted on

Part 1: Kim Ulan Bu Aws Amplify?

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

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

Link

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

Sizden bir proje ismi istenecek

Alt Text

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

Alt Text

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

Alt Text

Seçimlerimizi gösterdiğimiz gibi ilerletelim

Alt Text

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

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

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

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

Alt Text

Ve ilerleyerek branchimizi bağlayalım

Alt Text

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

Alt Text

Top comments (0)