Shopify CLI Kurulumu:<\/strong> Shopify CLI, uygulaman\u0131z\u0131n iskeletini olu\u015fturmaktan, geli\u015ftirme ma\u011fazan\u0131za ba\u011flamaya ve da\u011f\u0131t\u0131ma kadar bir\u00e7ok g\u00f6revi basitle\u015ftiren olmazsa olmaz bir ara\u00e7t\u0131r. A\u015fa\u011f\u0131daki komutla global olarak kurabilirsiniz:\n\nnpm install -g @shopify\/cli @shopify\/app\n# Veya yarn kullan\u0131yorsan\u0131z:\n# yarn global add @shopify\/cli @shopify\/app\n<\/pre>\n<\/code>shopify version<\/code> komutuyla CLI'nin ba\u015far\u0131yla kuruldu\u011funu do\u011frulayabilirsiniz.<\/li>\nYeni Bir Uygulama Projesi Ba\u015flatma:<\/strong> \u015eimdi ilk uygulaman\u0131z\u0131n temellerini atma zaman\u0131. Bir terminal a\u00e7\u0131n ve uygulaman\u0131z\u0131 olu\u015fturmak istedi\u011finiz dizine gidin. Ard\u0131ndan \u015fu komutu \u00e7al\u0131\u015ft\u0131r\u0131n:\n\nshopify app init\n<\/pre>\n<\/code>
\nUygulaman\u0131z\u0131n ad\u0131:<\/strong> Benzersiz ve a\u00e7\u0131klay\u0131c\u0131 bir isim se\u00e7in (\u00f6rne\u011fin, \"StokTakipUygulamasi\").<\/li>\nKullanmak istedi\u011finiz geli\u015ftirme dili\/framework:<\/strong> Genellikle React\/Remix veya PHP\/Laravel gibi se\u00e7enekler sunulur. Modern Shopify uygulamalar\u0131 i\u00e7in React tabanl\u0131 bir framework se\u00e7mek, \u00f6zellikle UI Extensions ve Hydrogen ile uyumluluk a\u00e7\u0131s\u0131ndan avantajl\u0131d\u0131r. React'\u0131 se\u00e7erseniz, muhtemelen Remix'i \u00f6nerecektir.<\/li>\n<\/ul>\n CLI, se\u00e7ti\u011finiz \u015fablonu kullanarak projenizi olu\u015fturacak ve gerekli ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00fckleyecektir. Bu i\u015flem biraz zaman alabilir.<\/li>\n
Geli\u015ftirme Ma\u011fazas\u0131na Ba\u011flanma ve Uygulamay\u0131 \u00c7al\u0131\u015ft\u0131rma:<\/strong> Proje olu\u015fturulduktan sonra, uygulaman\u0131z\u0131 bir geli\u015ftirme ma\u011fazas\u0131na ba\u011flaman\u0131z ve yerel olarak \u00e7al\u0131\u015ft\u0131rman\u0131z gerekir. Proje dizininize girin:\n\ncd StokTakipUygulamasi # Uygulaman\u0131z\u0131n ad\u0131yla de\u011fi\u015ftirmeyi unutmay\u0131n\nshopify app dev\n<\/pre>\n<\/code>
Bu ad\u0131mlarla, yeni Shopify Dev Platformu \u00fczerinde \u00e7al\u0131\u015fan ilk uygulaman\u0131z\u0131n temelini atm\u0131\u015f oldunuz. Projenizin yap\u0131s\u0131, se\u00e7ti\u011finiz framework'e g\u00f6re de\u011fi\u015fmekle birlikte, genellikle bir web<\/code> klas\u00f6r\u00fc (ana uygulama mant\u0131\u011f\u0131) ve bir extensions<\/code> klas\u00f6r\u00fc (UI uzant\u0131lar\u0131, Functions vb.) i\u00e7erecektir. Art\u0131k uygulaman\u0131z\u0131n mant\u0131\u011f\u0131n\u0131 ve aray\u00fcz\u00fcn\u00fc geli\u015ftirmeye ba\u015flayabilirsiniz!<\/p>\nUygulama Geli\u015ftirme Temelleri: UI, Veri ve Uzant\u0131lar<\/h3>\n \u0130lk uygulaman\u0131z\u0131 ba\u015far\u0131yla ba\u015flatt\u0131\u011f\u0131n\u0131za g\u00f6re, \u015fimdi i\u015fin \"geli\u015ftirme\" k\u0131sm\u0131na odaklanal\u0131m. Yeni Shopify platformu, kullan\u0131c\u0131 aray\u00fcz\u00fc (UI), veri y\u00f6netimi ve uygulaman\u0131z\u0131n Shopify ekosistemine entegrasyonu i\u00e7in g\u00fc\u00e7l\u00fc ve modern ara\u00e7lar sunar.<\/p>\n
Kullan\u0131c\u0131 Aray\u00fcz\u00fc (UI) Geli\u015ftirme: Polaris, UI Extensions ve Headless Commerce<\/h4>\n Shopify uygulamalar\u0131n\u0131z\u0131n kullan\u0131c\u0131 dostu ve tutarl\u0131 g\u00f6r\u00fcnmesi i\u00e7in birka\u00e7 ana se\u00e7enek mevcuttur:<\/p>\n
\nPolaris Design System:<\/strong> Shopify'\u0131n kendi tasar\u0131m sistemi olan Polaris, uygulaman\u0131z\u0131n Shopify Admin paneliyle ayn\u0131 esteti\u011fe ve kullan\u0131c\u0131 deneyimine sahip olmas\u0131n\u0131 sa\u011flar. React bile\u015fenleri olarak sunulan Polaris, haz\u0131r butonlar, form elemanlar\u0131, kartlar, tablolar gibi bir\u00e7ok UI bile\u015feni i\u00e7erir. Bu sayede, uygulaman\u0131z\u0131n native bir Shopify deneyimi sunmas\u0131 \u00e7ok daha kolayla\u015f\u0131r ve geli\u015ftirme s\u00fcreciniz h\u0131zlan\u0131r.<\/li>\nUI Extensions:<\/strong> Bu, yeni platformun en heyecan verici \u00f6zelliklerinden biridir. UI Extensions sayesinde, uygulaman\u0131z\u0131n aray\u00fcz\u00fcn\u00fc do\u011frudan Shopify Admin paneli, checkout s\u00fcreci, sipari\u015f detay sayfas\u0131 veya Point of Sale (POS) gibi kritik noktalara entegre edebilirsiniz. \u00d6rne\u011fin, bir \u00fcr\u00fcn detay sayfas\u0131nda kendi \u00f6zel widget'\u0131n\u0131z\u0131 g\u00f6sterebilir, veya checkout sayfas\u0131nda ek bir indirim alan\u0131 olu\u015fturabilirsiniz. Bu, iframe ba\u011f\u0131ml\u0131l\u0131\u011f\u0131n\u0131 ortadan kald\u0131r\u0131r ve uygulaman\u0131z\u0131n ma\u011faza sahibinin i\u015f ak\u0131\u015f\u0131na daha sorunsuz bir \u015fekilde entegre olmas\u0131n\u0131 sa\u011flar.<\/li>\nHydrogen ve Remix (Headless Commerce):<\/strong> E\u011fer ma\u011faza i\u00e7in tamamen \u00f6zel, ultra h\u0131zl\u0131 ve esnek bir frontend deneyimi olu\u015fturmak istiyorsan\u0131z, Shopify'\u0131n headless commerce \u00e7\u00f6z\u00fcm\u00fc olan Hydrogen ve Remix'i kullanabilirsiniz. Hydrogen, React tabanl\u0131, performans odakl\u0131 bir framework iken, Remix tam y\u0131\u011f\u0131n (full-stack) bir web framework'\u00fcd\u00fcr. Bu ikiliyle, Shopify'\u0131n arka ucunu (\u00fcr\u00fcnler, sepet, \u00f6deme vb.) kullanarak tamamen ba\u011f\u0131ms\u0131z ve marka kimli\u011finize uygun bir ma\u011faza deneyimi yaratabilirsiniz. Bu yakla\u015f\u0131m, \u00f6zellikle y\u00fcksek trafikli ma\u011fazalar ve benzersiz m\u00fc\u015fteri deneyimleri arayan i\u015fletmeler i\u00e7in idealdir.<\/li>\n<\/ul>\nUzman \u0130pucu: UI Extensions kullan\u0131rken, Shopify'\u0131n kullan\u0131c\u0131 deneyimi ilkelerini her zaman g\u00f6z \u00f6n\u00fcnde bulundurun. Uygulaman\u0131z\u0131n, ma\u011faza sahibinin i\u015f ak\u0131\u015f\u0131n\u0131 kesintiye u\u011fratmak yerine, onu tamamlay\u0131c\u0131 nitelikte olmas\u0131 entegrasyonu g\u00fc\u00e7lendirecektir.<\/p>\n
Veri Y\u00f6netimi: Admin API, GraphQL ve Webhooks<\/h4>\n Her Shopify uygulamas\u0131n\u0131n temelinde, ma\u011faza verileriyle etkile\u015fim kurma yetene\u011fi yatar. Shopify, bu etkile\u015fim i\u00e7in g\u00fc\u00e7l\u00fc API'ler sunar:<\/p>\n
\nAdmin API (GraphQL\/REST):<\/strong> \u00dcr\u00fcnler, sipari\u015fler, m\u00fc\u015fteriler, envanter gibi ma\u011fazan\u0131n t\u00fcm y\u00f6netim verilerine eri\u015fmek i\u00e7in Admin API kullan\u0131l\u0131r. GraphQL, \u00f6zellikle daha verimli veri \u00e7ekimi i\u00e7in \u00f6nerilir, \u00e7\u00fcnk\u00fc sadece ihtiyac\u0131n\u0131z olan alanlar\u0131 sorgulaman\u0131za olanak tan\u0131r. \u00d6rne\u011fin, sadece bir \u00fcr\u00fcn\u00fcn ad\u0131n\u0131 ve stok miktar\u0131n\u0131 \u00e7ekmek istedi\u011finizde, GraphQL ile gereksiz veri y\u00fcklemesinden ka\u00e7\u0131nabilirsiniz. REST API ise hala belirli senaryolarda kullan\u0131labilir, ancak GraphQL'in esnekli\u011fi genellikle daha \u00e7ok tercih edilir.<\/li>\nWebhooks:<\/strong> Verileri aktif olarak \u00e7ekmek yerine, belirli olaylar ger\u00e7ekle\u015fti\u011finde (\u00f6rne\u011fin, yeni bir sipari\u015f olu\u015fturuldu\u011funda, bir \u00fcr\u00fcn\u00fcn sto\u011fu g\u00fcncellendi\u011finde) uygulaman\u0131z\u0131n bilgilendirilmesini sa\u011flamak i\u00e7in webhooks kullan\u0131rs\u0131n\u0131z. Bu, uygulaman\u0131z\u0131n ger\u00e7ek zamanl\u0131 olarak g\u00fcncel kalmas\u0131na ve ma\u011faza olaylar\u0131na an\u0131nda tepki vermesine olanak tan\u0131r, b\u00f6ylece API limitlerini a\u015fma riskini de azalt\u0131r.<\/li>\nVeritaban\u0131 Se\u00e7imi:<\/strong> Uygulaman\u0131z\u0131n kendi verilerini (\u00f6rne\u011fin, ayarlar, \u00f6zel kay\u0131tlar) depolamas\u0131 gerekti\u011finde, Shopify'\u0131n metafield'lar\u0131n\u0131 kullanabilir veya harici bir veritaban\u0131 (PostgreSQL, MongoDB vb.) \u00e7\u00f6z\u00fcm\u00fc entegre edebilirsiniz. Se\u00e7iminiz, uygulaman\u0131z\u0131n karma\u015f\u0131kl\u0131\u011f\u0131na ve veri hacmine ba\u011fl\u0131 olacakt\u0131r.<\/li>\n<\/ul>\nShopify Functions: Sunucusuz Backend Mant\u0131\u011f\u0131<\/h4>\n Shopify Functions, yeni platformun en g\u00fc\u00e7l\u00fc backend inovasyonlar\u0131ndan biridir. Bu \u00f6zellik sayesinde, backend mant\u0131\u011f\u0131n\u0131z\u0131 (\u00f6rne\u011fin, \u00f6zel indirim kurallar\u0131, kargo \u00fccreti hesaplamalar\u0131, \u00f6deme a\u011f ge\u00e7idi \u00f6zelle\u015ftirmeleri) Shopify'\u0131n sunucusuz ortam\u0131nda \u00e7al\u0131\u015ft\u0131rabilirsiniz. Temel faydalar\u0131 \u015funlard\u0131r:<\/p>\n
\n\u00d6l\u00e7eklenebilirlik:<\/strong> Shopify, Function'lar\u0131n\u0131z\u0131n trafi\u011fe g\u00f6re otomatik olarak \u00f6l\u00e7eklenmesini sa\u011flar, b\u00f6ylece altyap\u0131 y\u00f6netimi derdinden kurtulursunuz.<\/li>\nPerformans:<\/strong> Do\u011frudan Shopify altyap\u0131s\u0131nda \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in, Function'lar d\u00fc\u015f\u00fck gecikme s\u00fcresiyle ve y\u00fcksek performansla \u00e7al\u0131\u015f\u0131r.<\/li>\nG\u00fcvenlik:<\/strong> Shopify'\u0131n g\u00fcvenlik mekanizmalar\u0131ndan faydalan\u0131rs\u0131n\u0131z.<\/li>\nEntegrasyon:<\/strong> Ma\u011fazan\u0131n temel i\u015f s\u00fcre\u00e7leriyle derinlemesine entegre olabilirler. \u00d6rne\u011fin, bir Function ile m\u00fc\u015fteri sepetindeki belirli \u00fcr\u00fcnlere otomatik olarak indirim uygulayabilirsiniz.<\/li>\n<\/ul>\nShopify Functions, WebAssembly (Wasm) kullanarak \u00e7e\u015fitli dillerde (Rust, Go, C# vb.) yaz\u0131lm\u0131\u015f kodlar\u0131 \u00e7al\u0131\u015ft\u0131rma yetene\u011fi sunar, ancak Shopify CLI, kolay ba\u015flang\u0131\u00e7 i\u00e7in JavaScript\/TypeScript ile Rust tabanl\u0131 bir \"run\" zaman\u0131 sa\u011flar. Bu esneklik, geli\u015ftiricilere g\u00fc\u00e7l\u00fc ve \u00f6zelle\u015ftirilebilir backend \u00e7\u00f6z\u00fcmleri sunar.<\/p>\n
Bu temel kavramlar\u0131 anlad\u0131ktan sonra, bir Shopify uygulamas\u0131n\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131na dair sa\u011flam bir temele sahip olacaks\u0131n\u0131z. Art\u0131k bu ara\u00e7lar\u0131 kullanarak kendi benzersiz \u00e7\u00f6z\u00fcmlerinizi geli\u015ftirmeye haz\u0131rs\u0131n\u0131z.<\/p>\n
Ger\u00e7ek D\u00fcnya Senaryosu: Bir Stok Takip Uygulamas\u0131 Geli\u015ftirmek<\/h2>\n Teorik bilgileri peki\u015ftirmek ad\u0131na, Shopify'\u0131n yeni geli\u015ftirici platformunun yeteneklerini kullanarak ger\u00e7ek bir problem \u00e7\u00f6z\u00fcm\u00fc \u00fczerinde \u00e7al\u0131\u015fal\u0131m: K\u00fc\u00e7\u00fck ve orta \u00f6l\u00e7ekli e-ticaret ma\u011fazalar\u0131n\u0131n s\u0131kl\u0131kla kar\u015f\u0131la\u015ft\u0131\u011f\u0131 stok takibi zorlu\u011funu gidermek i\u00e7in basit ama etkili bir \"Ak\u0131ll\u0131 Stok \u0130zleyici\" uygulamas\u0131 geli\u015ftirece\u011fiz. Bu vaka analizi, UI Extensions, Admin API (GraphQL) ve Shopify Functions'\u0131 bir araya getirerek nas\u0131l entegre bir \u00e7\u00f6z\u00fcm olu\u015fturulabilece\u011fini g\u00f6sterecek.<\/p>\n
Vaka Analizi: Stok Y\u00f6netimi Zorluklar\u0131<\/h3>\n Bir\u00e7ok e-ticaret ma\u011fazas\u0131 sahibi, \u00f6zellikle birden fazla \u00fcr\u00fcn \u00e7e\u015fidi ve varyant\u0131 oldu\u011funda, stok seviyelerini manuel olarak takip etmekte zorlan\u0131r. \u00dcr\u00fcnlerin anl\u0131k stok durumunu g\u00f6rememek, kritik stok seviyeleri d\u00fc\u015ft\u00fc\u011f\u00fcnde bildirim alamamak ve stok g\u00fcncellemelerini h\u0131zl\u0131ca yapamamak, sat\u0131\u015f kay\u0131plar\u0131na, m\u00fc\u015fteri memnuniyetsizli\u011fine ve operasyonel aksakl\u0131klara yol a\u00e7abilir. Bu sorunlar\u0131 \u00e7\u00f6zmek i\u00e7in bir uygulama, ma\u011faza sahibinin hayat\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131rabilir.<\/p>\n
\u00c7\u00f6z\u00fcm Tasar\u0131m\u0131: Ak\u0131ll\u0131 Stok \u0130zleyici Uygulamas\u0131<\/h3>\n Amac\u0131m\u0131z, ma\u011faza sahiplerinin Shopify Admin panelinden kolayca eri\u015febilecekleri, kritik stok seviyelerini izleyebilecekleri ve hatta belirli bir e\u015fi\u011fin alt\u0131na d\u00fc\u015fen \u00fcr\u00fcnler i\u00e7in otomatik bildirimler alabilecekleri bir uygulama geli\u015ftirmektir.<\/p>\n
Gereksinimler:<\/h4>\n\nMa\u011faza panosunda kritik stok seviyelerini g\u00f6steren bir \u00f6zet kart\u0131.<\/li>\n Belirli \u00fcr\u00fcnlerin stok detaylar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyebilme.<\/li>\n Bir \u00fcr\u00fcn\u00fcn sto\u011fu belirli bir e\u015fi\u011fin alt\u0131na d\u00fc\u015ft\u00fc\u011f\u00fcnde ma\u011faza sahibine e-posta veya bildirim g\u00f6nderme.<\/li>\n Mobil uyumlu bir aray\u00fcz.<\/li>\n<\/ul>\nTeknoloji Se\u00e7imi:<\/h4>\n\nUI:<\/strong> React ile geli\u015ftirilmi\u015f UI Extension (Admin Block) ve Polaris bile\u015fenleri.<\/li>\nVeri Eri\u015fimi:<\/strong> Shopify Admin API (GraphQL) ile \u00fcr\u00fcn ve stok verilerine eri\u015fim.<\/li>\nBackend Mant\u0131\u011f\u0131:<\/strong> Shopify Functions ile kritik stok seviyelerini izleme ve bildirim tetikleme.<\/li>\n<\/ul>\nAd\u0131m Ad\u0131m Geli\u015ftirme Yakla\u015f\u0131m\u0131:<\/h4>\n\nUygulama \u0130skeletini Olu\u015fturma:<\/strong>\n\u00d6ncelikle, daha \u00f6nce bahsetti\u011fimiz gibi Shopify CLI ile yeni bir proje ba\u015flat\u0131l\u0131r:<\/p>\n
\nshopify app init \"AkilliStokIzleyici\"\ncd AkilliStokIzleyici\n<\/pre>\n<\/code><\/p>\n
React\/Remix se\u00e7ene\u011fini tercih ederek projenin temel yap\u0131s\u0131n\u0131 olu\u015ftururuz.<\/p>\n<\/li>\n
Admin Paneline UI Extension Ekleme (\u00d6zet Kart\u0131):<\/strong>\nUygulamam\u0131z\u0131n ana ekran\u0131, Shopify Admin panelinde bir \"Home\" sayfa uzant\u0131s\u0131 (Admin Block) olacak. Bu uzant\u0131, kritik stok seviyesindeki \u00fcr\u00fcnleri g\u00f6steren basit bir \u00f6zet kart\u0131 i\u00e7erecek. Shopify CLI ile bir UI Extension olu\u015fturabiliriz:<\/p>\n
\nshopify app generate extension\n<\/pre>\n<\/code><\/p>\n
Se\u00e7eneklerden \"Admin Block\"u ve \"Home\" sayfas\u0131n\u0131 se\u00e7eriz. Olu\u015fan React bile\u015feni i\u00e7erisinde Polaris k\u00fct\u00fcphanesini kullanarak aray\u00fcz\u00fcm\u00fcz\u00fc tasarlar\u0131z.<\/p>\n
\u00d6rnek extensions\/akilli-stok-izleyici\/src\/index.jsx<\/code> i\u00e7eri\u011fi (basitle\u015ftirilmi\u015f):<\/p>\n\nimport React, { useState, useEffect } from 'react';\nimport { render, Button, Card, Text, BlockStack, InlineStack } from '@shopify\/ui-extensions-react\/admin';\n\nrender('AdminBlock', () => Stok bilgileri y\u00fckleniyor...<\/Text><\/Card>;\n }\n\n return (\n \n \n Kritik Stok Seviyesindeki \u00dcr\u00fcnler<\/Text>\n {criticalItems.length === 0 ? (\n Kritik stokta \u00fcr\u00fcn bulunmuyor. Harika!<\/Text>\n ) : (\n \n {criticalItems.map((item) => (\n \n {item.title}:<\/Text>\n {item.inventory} adet (E\u015fik: {item.threshold})<\/Text>\n <\/InlineStack>\n ))}\n T\u00fcm\u00fcn\u00fc G\u00f6r\u00fcnt\u00fcle<\/Button>\n <\/BlockStack>\n )}\n <\/BlockStack>\n <\/Card>\n );\n}\n<\/pre>\n<\/code><\/p>\n
Bu kod blo\u011fu, Polaris'in Card, Text, Button gibi bile\u015fenlerini kullanarak basit bir \u00f6zet kart\u0131 olu\u015fturur. Ger\u00e7ek veriyi \u00e7ekmek i\u00e7in daha sonra GraphQL Admin API'yi kullanaca\u011f\u0131z.<\/p>\n<\/li>\n
Admin API (GraphQL) ile Stok Verilerine Eri\u015fim:<\/strong>\nUygulama i\u00e7erisinden Shopify Admin API'yi kullanarak \u00fcr\u00fcnlerin stok verilerine eri\u015fece\u011fiz. \u00d6zellikle inventoryItem<\/code> ve product<\/code> kaynaklar\u0131 bizim i\u00e7in \u00f6nemli. \u00d6rnek bir GraphQL sorgusu:<\/p>\n\nquery GetCriticalStockProducts($first: Int!, $query: String!) {\n products(first: $first, query: $query) {\n edges {\n node {\n id\n title\n variants(first: 10) {\n edges {\n node {\n id\n sku\n inventoryItem {\n id\n tracked\n inventoryLevel(locationIds: [\"gid:\/\/shopify\/Location\/YOUR_LOCATION_ID\"]) {\n available\n }\n }\n }\n }\n }\n }\n }\n }\n}\n<\/pre>\n<\/code><\/p>\n
Bu sorgu, belirli bir lokasyondaki \u00fcr\u00fcnlerin stok seviyelerini \u00e7ekmeye yarar. Uygulaman\u0131zda bu sorguyu @shopify\/app-bridge-react<\/code> veya do\u011frudan fetch<\/code> API kullanarak \u00e7a\u011f\u0131rabilirsiniz.<\/p>\n<\/li>\nShopify Function ile Otomatik Bildirimler:<\/strong>\nEn heyecan verici k\u0131s\u0131m: Stok seviyesi belirli bir e\u015fi\u011fin alt\u0131na d\u00fc\u015ft\u00fc\u011f\u00fcnde otomatik olarak bildirim g\u00f6ndermek. Bunun i\u00e7in Shopify Functions kullanaca\u011f\u0131z. CLI ile bir Function olu\u015fturabiliriz:<\/p>\n
\nshopify app generate extension\n<\/pre>\n<\/code><\/p>\n
Se\u00e7eneklerden \"Function\"\u0131 ve ard\u0131ndan \"Product \/ Inventory Level Check\" gibi bir \u015fablonu se\u00e7eriz. Bu Function, \u00fcr\u00fcnlerin stok seviyeleri de\u011fi\u015fti\u011finde tetiklenecek \u015fekilde yap\u0131land\u0131r\u0131labilir. Function'\u0131n mant\u0131\u011f\u0131, belirli bir \u00fcr\u00fcn\u00fcn stok seviyesini kontrol etmek ve e\u011fer e\u015fi\u011fin alt\u0131ndaysa, bir webhook tetikleyerek veya bir e-posta servisi (\u00f6rne\u011fin SendGrid) arac\u0131l\u0131\u011f\u0131yla ma\u011faza sahibine bildirim g\u00f6ndermek olacakt\u0131r.<\/p>\n
Basit bir Function mant\u0131\u011f\u0131 (Rust tabanl\u0131d\u0131r, ancak konsepti anlamak i\u00e7in pseudocode):<\/p>\n
\n\/\/ Shopify Function i\u00e7in pseudocode\nfn run(input: Input) -> Result {\n let product_id = input.product_id;\n let current_stock = input.current_stock;\n let threshold = input.metafields.critical_stock_threshold; \/\/ Metafield'dan \u00e7ekilebilir\n\n if current_stock < threshold {\n \/\/ E-posta g\u00f6nderen bir servis veya webhook tetikleyen bir API \u00e7a\u011fr\u0131s\u0131 yap\n \/\/ Bu k\u0131s\u0131m genellikle harici bir servisi \u00e7a\u011f\u0131r\u0131r\n println!(\"Kritik stok uyar\u0131s\u0131: {} i\u00e7in stok {} alt\u0131na d\u00fc\u015ft\u00fc!\", product_id, threshold);\n \/\/ \u00d6rnek olarak bir mesaj d\u00f6nd\u00fcrebilir veya bir log yazabiliriz.\n \/\/ Ger\u00e7ekte, bir Action veya webhook ile harici bir sistemi tetikleriz.\n }\n\n Ok(Output {\n \/\/ Fonksiyonun \u00e7\u0131kt\u0131s\u0131\n })\n}\n<\/pre>\n<\/code><\/p>\n
Bu Function, \u00fcr\u00fcn sto\u011fu her g\u00fcncellendi\u011finde \u00e7al\u0131\u015farak belirlenen e\u015fi\u011fi kontrol edecek ve gerekli aksiyonu alacakt\u0131r. Bu, ma\u011faza sahibinin manuel kontrole olan ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r ve proaktif bir stok y\u00f6netimi sa\u011flar.<\/p>\n<\/li>\n
Mobil Uyumlu Tasar\u0131m ve Test:<\/strong>\nUygulamam\u0131z\u0131n mobil cihazlarda da d\u00fczg\u00fcn \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flamak i\u00e7in Polaris bile\u015fenleri zaten responsive tasar\u0131ma sahiptir. UI Extensions da bu uyumlulu\u011fu destekler. Geli\u015ftirme s\u00fcrecinde shopify app dev<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131rken verilen URL'yi mobil taray\u0131c\u0131n\u0131zdan veya geli\u015ftirme ara\u00e7lar\u0131ndaki mobil em\u00fclat\u00f6rden kontrol ederek mobil uyumlulu\u011fu test edebilirsiniz.<\/p>\n<\/li>\n<\/ol>\nBu senaryo, yeni Shopify geli\u015ftirici platformunun sadece uygulaman\u0131n UI's\u0131n\u0131 de\u011fil, ayn\u0131 zamanda backend mant\u0131\u011f\u0131n\u0131 ve i\u015f ak\u0131\u015f\u0131 entegrasyonunu da nas\u0131l modernize etti\u011fini g\u00f6stermektedir. Geli\u015ftiriciler, bu ara\u00e7lar\u0131 kullanarak ma\u011faza sahiplerinin ger\u00e7ek sorunlar\u0131n\u0131 \u00e7\u00f6zen, performansl\u0131 ve kullan\u0131c\u0131 dostu uygulamalar olu\u015fturabilirler. B\u00f6ylece, Ak\u0131ll\u0131 Stok \u0130zleyici gibi bir uygulama, ma\u011faza sahibine zaman kazand\u0131r\u0131r, olas\u0131 sat\u0131\u015f kay\u0131plar\u0131n\u0131 \u00f6nler ve operasyonel verimlili\u011fi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r.<\/p>\n
\u0130leri D\u00fczey \u0130pu\u00e7lar\u0131 ve En \u0130yi Uygulamalar<\/h2>\n Shopify'\u0131n yeni geli\u015ftirici platformu, sadece ba\u015flang\u0131\u00e7 i\u00e7in de\u011fil, ayn\u0131 zamanda y\u00fcksek performansl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir uygulamalar geli\u015ftirmek i\u00e7in de geli\u015fmi\u015f yetenekler sunar. Deneyimli geli\u015ftiriciler i\u00e7in, bu \u00f6zelliklerden en iyi \u015fekilde faydalanmak ad\u0131na baz\u0131 ileri d\u00fczey ipu\u00e7lar\u0131 ve en iyi uygulamalar mevcuttur.<\/p>\n
Performans Optimizasyonu<\/h3>\n Uygulaman\u0131z\u0131n h\u0131z\u0131, hem kullan\u0131c\u0131 deneyimi hem de Shopify App Store'daki s\u0131ralaman\u0131z i\u00e7in kritik \u00f6neme sahiptir.<\/p>\n
\nGraphQL Sorgu Optimizasyonu:<\/strong> GraphQL, sadece ihtiyac\u0131n\u0131z olan veriyi \u00e7ekmenize olanak tan\u0131r. Karma\u015f\u0131k sorgular yazarken, n+1 sorunundan ka\u00e7\u0131nmak ve sadece gerekli alanlar\u0131 istemek i\u00e7in dikkatli olun. A\u015f\u0131r\u0131 veri \u00e7ekimi yerine, spesifik ve hedeflenmi\u015f sorgular kullan\u0131n.<\/li>\n\u00d6nbellekleme Stratejileri:<\/strong> S\u0131k\u00e7a istenen ancak nadiren de\u011fi\u015fen veriler i\u00e7in \u00f6nbellekleme kullan\u0131n. Shopify'\u0131n Storefront API'si i\u00e7in CDN \u00f6nbelleklemesi (Hydrogen ile entegre) ve Admin API i\u00e7in uygulaman\u0131z\u0131n kendi \u00f6nbellekleme katman\u0131 (\u00f6rne\u011fin Redis) performans\u0131 art\u0131rabilir. Webhooks kullanarak veri de\u011fi\u015fikliklerini yakalay\u0131n ve \u00f6nbelle\u011fi buna g\u00f6re ge\u00e7ersiz k\u0131l\u0131n.<\/li>\nShopify Functions'\u0131 Verimli Kullanma:<\/strong> Function'lar h\u0131zl\u0131 olsa da, uzun s\u00fcren veya yo\u011fun hesaplama gerektiren i\u015flemleri Function'lar yerine, m\u00fcmk\u00fcnse uygulaman\u0131z\u0131n kendi backend'inde veya \u00f6zel bir i\u015f ak\u0131\u015f\u0131nda yapmay\u0131 d\u00fc\u015f\u00fcn\u00fcn. Function'lar genellikle k\u00fc\u00e7\u00fck, atomik g\u00f6revler i\u00e7in idealdir.<\/li>\n<\/ul>\nG\u00fcvenlik<\/h3>\n Ma\u011faza verileri hassast\u0131r. G\u00fcvenlik asla g\u00f6z ard\u0131 edilmemelidir.<\/p>\n
\nOAuth ve API Kapsamlar\u0131:<\/strong> Uygulaman\u0131z\u0131n sadece ihtiya\u00e7 duydu\u011fu izinleri (kapsamlar\u0131) talep etti\u011finden emin olun. Fazla izin istemek, uygulaman\u0131z\u0131n App Store'da reddedilme riskini art\u0131r\u0131r ve g\u00fcvenlik a\u00e7\u0131\u011f\u0131 olu\u015fturur.<\/li>\nVeri \u015eifreleme:<\/strong> Hassas m\u00fc\u015fteri veya ma\u011faza verilerini depolarken her zaman \u015fifreleyin. HTTPS kullanarak API ileti\u015fimini g\u00fcvenli hale getirin.<\/li>\nGiri\u015f Do\u011frulama (Input Validation):<\/strong> Kullan\u0131c\u0131 girdilerini ve API isteklerini her zaman do\u011frulay\u0131n. SQL enjeksiyonu, XSS gibi sald\u0131r\u0131lara kar\u015f\u0131 koruma sa\u011flay\u0131n.<\/li>\nWebhooks \u0130mza Do\u011frulamas\u0131:<\/strong> Gelen t\u00fcm webhook isteklerinin Shopify taraf\u0131ndan g\u00f6nderildi\u011fini do\u011frulamak i\u00e7in webhook imzalar\u0131n\u0131 kontrol edin.<\/li>\n<\/ul>\n\u00d6l\u00e7eklenebilirlik<\/h3>\n Uygulaman\u0131z\u0131n gelecekteki b\u00fcy\u00fcmesini desteklemesi i\u00e7in \u00f6l\u00e7eklenebilir olmas\u0131 gerekir.<\/p>\n
\nShopify Functions'\u0131n Do\u011fal \u00d6l\u00e7eklenebilirli\u011fi:<\/strong> Functions, Shopify'\u0131n sunucusuz altyap\u0131s\u0131nda \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in do\u011fal olarak \u00f6l\u00e7eklenebilirdir. Ancak, Function'lar\u0131n\u0131z\u0131n veritaban\u0131 veya harici servislerle etkile\u015fimini de \u00f6l\u00e7eklenebilirlik a\u00e7\u0131s\u0131ndan d\u00fc\u015f\u00fcnmelisiniz.<\/li>\nHarici Veritaban\u0131 \u00c7\u00f6z\u00fcmleri:<\/strong> B\u00fcy\u00fck veri hacimleri i\u00e7in uygulaman\u0131z\u0131n kendi harici veritaban\u0131n\u0131 (\u00f6rne\u011fin, AWS RDS, Google Cloud SQL) kullanmak, Shopify metafield'lar\u0131n\u0131n \u00f6tesinde daha fazla kontrol ve \u00f6l\u00e7eklenebilirlik sunar.<\/li>\nAsenkron \u0130\u015flemler:<\/strong> Uzun s\u00fcren veya yo\u011fun kaynak gerektiren g\u00f6revleri (\u00f6rne\u011fin, toplu veri i\u00e7e\/d\u0131\u015fa aktar\u0131m\u0131, g\u00f6r\u00fcnt\u00fc i\u015fleme) asenkron olarak arka plan i\u015flerinde y\u00fcr\u00fct\u00fcn. Kuyruk sistemleri (RabbitMQ, Kafka) bu konuda yard\u0131mc\u0131 olabilir.<\/li>\n<\/ul>\nTest ve Da\u011f\u0131t\u0131m S\u00fcre\u00e7leri<\/h3>\n Modern bir geli\u015ftirme ya\u015fam d\u00f6ng\u00fcs\u00fc i\u00e7in otomatize test ve da\u011f\u0131t\u0131m s\u00fcre\u00e7leri \u015fartt\u0131r.<\/p>\n
\nCI\/CD Entegrasyonu:<\/strong> Uygulaman\u0131z\u0131 GitHub Actions, GitLab CI\/CD veya Jenkins gibi ara\u00e7larla s\u00fcrekli entegrasyon\/s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) hatt\u0131na entegre edin. Bu, kod de\u011fi\u015fikliklerinin otomatik olarak test edilmesini ve da\u011f\u0131t\u0131lmas\u0131n\u0131 sa\u011flar.<\/li>\nOtomatik Testler:<\/strong> Birim testleri, entegrasyon testleri ve u\u00e7tan uca testler yazarak uygulaman\u0131z\u0131n kalitesini g\u00fcvence alt\u0131na al\u0131n. Shopify CLI'nin sa\u011flad\u0131\u011f\u0131 geli\u015ftirme ma\u011fazas\u0131 ortam\u0131nda test senaryolar\u0131n\u0131z\u0131 otomatize edin.<\/li>\nHata Ay\u0131klama (Debugging):<\/strong> Shopify CLI, yerel geli\u015ftirme s\u0131ras\u0131nda g\u00fc\u00e7l\u00fc hata ay\u0131klama \u00f6zellikleri sunar. Taray\u0131c\u0131n\u0131z\u0131n geli\u015ftirici ara\u00e7lar\u0131 ve CLI'nin log \u00e7\u0131kt\u0131lar\u0131n\u0131 kullanarak sorunlar\u0131 h\u0131zl\u0131ca tespit edin ve giderin.<\/li>\n<\/ul>\nMobil Uyumlu Tasar\u0131m Prensipleri<\/h3>\n G\u00fcn\u00fcm\u00fcz d\u00fcnyas\u0131nda mobil uyumluluk bir zorunluluktur. Polaris Design System, responsive bile\u015fenler sunarak bu konuda b\u00fcy\u00fck kolayl\u0131k sa\u011flar. Ancak, \u00f6zel UI tasar\u0131mlar\u0131n\u0131z i\u00e7in standart web geli\u015ftirme pratiklerini uygulaman\u0131z gerekebilir.<\/p>\n
\n\/* Mobil Uyumlu Tasar\u0131m \u0130\u00e7in Basit Bir Media Query \u00d6rne\u011fi *\/\n\/* Bu CSS kodu, stil etiketleri aras\u0131nda bir HTML dosyas\u0131n\u0131n head b\u00f6l\u00fcm\u00fcnde yer al\u0131r. *\/\n@media (max-width: 768px) {\n .app-container {\n padding: 10px; \/* K\u00fc\u00e7\u00fck ekranlarda i\u00e7 bo\u015flu\u011fu azalt *\/\n }\n .sidebar {\n display: none; \/* K\u00fc\u00e7\u00fck ekranlarda kenar \u00e7ubu\u011funu gizle *\/\n }\n .main-content {\n width: 100%; \/* Ana i\u00e7eri\u011fi tam geni\u015fli\u011fe getir *\/\n }\n}\n <\/pre>\n<\/code><\/p>\n
Yukar\u0131daki CSS \u00f6rne\u011fi, web uygulaman\u0131z\u0131n farkl\u0131 ekran boyutlar\u0131na nas\u0131l uyum sa\u011flayabilece\u011fini g\u00f6sterir. Bu t\u00fcr responsive tasar\u0131m prensipleri, kullan\u0131c\u0131lar\u0131n\u0131z\u0131n uygulaman\u0131za hangi cihazdan eri\u015firse eri\u015fsin, tutarl\u0131 ve optimize edilmi\u015f bir deneyim ya\u015famas\u0131n\u0131 sa\u011flar. Polaris k\u00fct\u00fcphanesini kullanmak, bu karma\u015f\u0131kl\u0131\u011f\u0131n \u00e7o\u011funu sizin ad\u0131n\u0131za y\u00f6netirken, \u00f6zel stiller veya bile\u015fenler eklemeniz gerekti\u011finde media query'ler hala g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.<\/p>\n
Uzman \u0130pucu: Shopify uygulamalar\u0131n\u0131z\u0131 geli\u015ftirirken, performans ve g\u00fcvenlik her zaman \u00f6nceli\u011finiz olmal\u0131. GraphQL'in g\u00fcc\u00fcn\u00fc kullanarak yaln\u0131zca ihtiyac\u0131n\u0131z olan veriyi \u00e7ekin ve \u00f6nbellekleme mekanizmalar\u0131n\u0131 do\u011fru bir \u015fekilde uygulay\u0131n. Ayr\u0131ca, kod kalitesi ve test otomasyonu, uzun vadede uygulaman\u0131z\u0131n s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131racakt\u0131r.<\/p>\n
S\u0131k\u00e7a Sorulan Sorular<\/h2>\nYeni Shopify geli\u015ftirici platformu hangi teknolojileri kullan\u0131yor?<\/h3>\n Yeni Shopify geli\u015ftirici platformu, React, Remix, Hydrogen (Shopify'\u0131n React tabanl\u0131 headless frontend framework'\u00fc), WebAssembly (Wasm) ile \u00e7al\u0131\u015fan Shopify Functions (\u00e7o\u011funlukla Rust ile geli\u015ftirilir), GraphQL Admin API ve REST Admin API gibi modern web teknolojilerini kullan\u0131r. Ayr\u0131ca, UI\/UX i\u00e7in Polaris Design System'i benimser.<\/p>\n
Mevcut uygulamalar\u0131m\u0131 yeni platforma ge\u00e7irmek zorunda m\u0131y\u0131m?<\/h3>\n Hay\u0131r, mevcut uygulamalar\u0131n\u0131z\u0131 hemen yeni platforma ge\u00e7irmek zorunda de\u011filsiniz. Shopify, eski ve yeni platformlar\u0131n bir s\u00fcre daha paralel olarak \u00e7al\u0131\u015fmaya devam edece\u011fini belirtiyor. Ancak, yeni platformun sundu\u011fu performans, esneklik ve entegrasyon avantajlar\u0131ndan faydalanmak i\u00e7in uzun vadede ge\u00e7i\u015f yapman\u0131z \u015fiddetle tavsiye edilir.<\/p>\n
Shopify Functions nedir ve ne i\u015fe yarar?<\/h3>\n Shopify Functions, Shopify'\u0131n sunucusuz ortam\u0131nda \u00e7al\u0131\u015fan, uygulaman\u0131z\u0131n backend mant\u0131\u011f\u0131n\u0131 bar\u0131nd\u0131ran kod bloklar\u0131d\u0131r. \u00d6deme a\u011f ge\u00e7idi \u00f6zelle\u015ftirmeleri, indirim kurallar\u0131, kargo \u00fccreti hesaplamalar\u0131 gibi i\u015flemleri Shopify'\u0131n kendi altyap\u0131s\u0131nda, y\u00fcksek performans ve \u00f6l\u00e7eklenebilirlikle \u00e7al\u0131\u015ft\u0131rman\u0131za olanak tan\u0131r. Geli\u015ftiricinin altyap\u0131 y\u00f6netimiyle u\u011fra\u015fmas\u0131na gerek kalmaz.<\/p>\n
Shopify App Store'da uygulama yay\u0131nlama s\u00fcreci de\u011fi\u015fti mi?<\/h3>\n Temel yay\u0131nlama s\u00fcreci (ba\u015fvuru, inceleme) benzer kalsa da, yeni platformda geli\u015ftirilen uygulamalar\u0131n teknik gereksinimleri ve da\u011f\u0131t\u0131m y\u00f6ntemleri farkl\u0131l\u0131k g\u00f6sterebilir. Shopify CLI, uygulaman\u0131z\u0131 App Store'a y\u00fckleme s\u00fcrecini kolayla\u015ft\u0131ran komutlar sunar ve App Bridge 3'\u00fcn kullan\u0131m\u0131 ile uygulama i\u00e7i entegrasyonlar daha sorunsuz hale gelmi\u015ftir. Mobil uyumluluk ve performans gibi kriterler daha da \u00f6nem kazanm\u0131\u015ft\u0131r.<\/p>\n
Hydrogen ve Remix ne anlama geliyor?<\/h3>\n Hydrogen, Shopify'\u0131n headless commerce i\u00e7in \u00f6zel olarak tasarlanm\u0131\u015f, performans odakl\u0131, React tabanl\u0131 bir frontend framework'\u00fcd\u00fcr. Remix ise tam y\u0131\u011f\u0131n (full-stack) bir web framework'\u00fc olup, Hydrogen ile birlikte veya tek ba\u015f\u0131na kullan\u0131labilir. Bu ikili, geli\u015ftiricilere tamamen \u00f6zel, ultra h\u0131zl\u0131 ve esnek e-ticaret siteleri olu\u015fturma imkan\u0131 sunar, b\u00f6ylece Shopify'\u0131n sadece backend (\u00fcr\u00fcn, sepet, \u00f6deme) hizmetlerini kullanarak benzersiz m\u00fc\u015fteri deneyimleri yarat\u0131labilir.<\/p>\n
Sonu\u00e7<\/h2>\n Shopify'\u0131n yeni geli\u015ftirici platformu, e-ticaret uygulama geli\u015ftirme d\u00fcnyas\u0131nda ger\u00e7ekten \u00f6nemli bir d\u00f6n\u00fcm noktas\u0131d\u0131r. Getirdi\u011fi yenilikler, \u00f6zellikle Hydrogen, Remix, UI Extensions ve Shopify Functions gibi ara\u00e7lar, geli\u015ftiricilere daha \u00f6nce hayal bile edilemeyen bir g\u00fc\u00e7, esneklik ve performans sunuyor. Bu platform, sadece daha iyi uygulamalar yazmam\u0131za olanak tan\u0131m\u0131yor, ayn\u0131 zamanda Shopify ma\u011fazalar\u0131 i\u00e7in daha h\u0131zl\u0131, daha g\u00fcvenli ve daha ki\u015fiselle\u015ftirilmi\u015f m\u00fc\u015fteri deneyimleri yaratmam\u0131z\u0131n da \u00f6n\u00fcn\u00fc a\u00e7\u0131yor. Geli\u015ftiriciler olarak, bu yeni yetenekleri benimsemek, hem kendi yetkinli\u011fimizi art\u0131racak hem de Shopify ekosistemine sundu\u011fumuz de\u011feri maksimize edecektir. E-ticaretin s\u00fcrekli evrilen do\u011fas\u0131nda, bu t\u00fcr modern ara\u00e7larla donanmak, rekabet\u00e7i kalmak ve gelece\u011fin \u00e7\u00f6z\u00fcmlerini bug\u00fcnden in\u015fa etmek i\u00e7in vazge\u00e7ilmezdir. E\u011fer hen\u00fcz ba\u015flamad\u0131ysan\u0131z, \u015fimdi Shopify CLI'yi indirip ilk uygulaman\u0131z\u0131 olu\u015fturman\u0131n tam zaman\u0131!<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-33238","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n
Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi<\/title>\n<meta name=\"description\" content=\"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi\" \/>\n<meta property=\"og:description\" content=\"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-31T08:01:47+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi\",\"datePublished\":\"2025-10-31T08:01:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\"},\"wordCount\":4739,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\",\"name\":\"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-10-31T08:01:47+00:00\",\"description\":\"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi","description":"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.","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:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/","og_locale":"tr_TR","og_type":"article","og_title":"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi","og_description":"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.","og_url":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-10-31T08:01:47+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"26 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi","datePublished":"2025-10-31T08:01:47+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/"},"wordCount":4739,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/","url":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/","name":"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-10-31T08:01:47+00:00","description":"E-ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc bu dijital \u00e7a\u011fda, i\u015fletmelerin \u00e7evrimi\u00e7i varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmeleri her zamankinden daha kritik hale geldi. Shopify, bu ekosistemin devlerinden biri olarak, s\u00fcrekli de\u011fi\u015fen ihtiya\u00e7lara cevap verebilmek ad\u0131na geli\u015ftirici platformunu \u00f6nemli \u00f6l\u00e7\u00fcde yeniledi. Peki, bu k\u00f6kl\u00fc de\u011fi\u015fiklikler nelerdir ve bir geli\u015ftirici olarak yeni Shopify Dev Platformu ile uygulama geli\u015ftirmeye nas\u0131l ba\u015flayabilirsiniz? Bu rehber, hem mevcut Shopify geli\u015ftiricilerinin hem de bu alana yeni ad\u0131m atacaklar\u0131n kafalar\u0131ndaki soru i\u015faretlerini giderecek, modern ve esnek uygulamalar olu\u015fturma yolculu\u011funda size yol g\u00f6sterecektir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/shopify-yeni-dev-platformu-uygulama-gelistirme-rehberi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Shopify Yeni Dev Platformu: Uygulama Geli\u015ftirme Rehberi"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/33238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=33238"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/33238\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=33238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=33238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=33238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}