{"id":3723,"date":"2024-11-12T19:00:15","date_gmt":"2024-11-12T16:00:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/"},"modified":"2024-11-12T19:00:15","modified_gmt":"2024-11-12T16:00:15","slug":"astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/","title":{"rendered":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?"},"content":{"rendered":"

AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?<\/p>\n

Bu makalede, AstroJS’nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi’nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. <\/p>\n

Strapi ile \u0130\u00e7erik Y\u00f6netim Sistemini Kurma<\/h2>\n

\u00d6ncelikle, Strapi’nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini kullanarak resim galerisi i\u00e7in gerekli verileri depolayaca\u011f\u0131m\u0131z bir arka u\u00e7 olu\u015fturaca\u011f\u0131z.<\/p>\n

    \n
  1. Strapi’yi Kurma: Strapi’nin resmi d\u00f6k\u00fcmantasyonu (https:\/\/strapi.io\/documentation\/v4.x\/getting-started\/quick-start) arac\u0131l\u0131\u011f\u0131yla komut sat\u0131r\u0131 arac\u0131l\u0131\u011f\u0131yla veya Strapi’nin web aray\u00fcz\u00fcyle yeni bir Strapi projesi olu\u015fturabilirsiniz.<\/li>\n
  2. Resim Koleksiyonunu Olu\u015fturma: Strapi’de bir “Resimler” koleksiyonu olu\u015fturun. Her resim i\u00e7in “Ba\u015fl\u0131k”, “A\u00e7\u0131klama” ve “Dosya” gibi alanlar ekleyin.<\/li>\n
  3. API’yi Ayarlama: Strapi’nin API’sini, resimlerinizi AstroJS uygulaman\u0131za getirmek i\u00e7in yap\u0131land\u0131r\u0131n. API’nizde gerekli izinler oldu\u011fundan emin olun.<\/li>\n<\/ol>\n

    AstroJS ile Statik Resim Galerisi Uygulamas\u0131 Olu\u015fturma<\/h2>\n

    Strapi arka ucunu haz\u0131rlad\u0131ktan sonra, AstroJS kullanarak statik resim galerisi uygulamas\u0131n\u0131 olu\u015fturabiliriz.<\/p>\n

      \n
    1. AstroJS Projesi Kurma: AstroJS projesi olu\u015fturmak i\u00e7in Astro’nun resmi d\u00f6k\u00fcmantasyonunu (https:\/\/astro.build\/guides\/getting-started\/) inceleyebilirsiniz. “npm init astro@latest” komutunu kullanarak yeni bir proje ba\u015flatabilirsiniz.<\/li>\n
    2. Strapi API’sini Entegrasyon: AstroJS’nin “fetch” fonksiyonunu kullanarak Strapi’nin API’sinden resimleri getirin. \u00d6rne\u011fin, `images.json` dosyas\u0131n\u0131 a\u015fa\u011f\u0131daki gibi olu\u015fturabilirsiniz:<\/li>\n

      “`javascript
      \n import { getStaticProps } from “astro”;<\/p>\n

      export const getStaticProps = async () => {
      \n const response = await fetch(“https:\/\/api.example.com\/images”); \/\/ Strapi API URL’nizi de\u011fi\u015ftirin
      \n const images = await response.json();<\/p>\n

      return { props: { images } };
      \n };
      \n “`<\/p>\n

    3. Resim Galerisi Bile\u015fenini Tasar\u0131m: AstroJS’nin “Component” fonksiyonunu kullanarak resim galerisinin HTML yap\u0131s\u0131n\u0131 olu\u015fturun. Her resmin ba\u015fl\u0131\u011f\u0131n\u0131 ve a\u00e7\u0131klamas\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in “images.json” dosyas\u0131nda gelen verileri kullan\u0131n.<\/li>\n

      “`html<\/p>\n

      \n

      Resim Galerisi<\/h2>\n

      {images.map((image, index) => (<\/p>\n

      \n {image.title}<\/p>\n

      {image.title}<\/h3>\n

      {image.description}<\/p>\n<\/p><\/div>\n

      ))}\n <\/p><\/div>\n

      “`\n<\/ol>\n

      AstroJS Uygulamas\u0131n\u0131n Da\u011f\u0131t\u0131m\u0131<\/h2>\n

      AstroJS uygulaman\u0131z tamamland\u0131ktan sonra, uygulaman\u0131z\u0131 web sunucunuza da\u011f\u0131tman\u0131z gerekir. AstroJS, Netlify, Vercel gibi pop\u00fcler bar\u0131nd\u0131rma platformlar\u0131nda \u00e7al\u0131\u015f\u0131r. Da\u011f\u0131t\u0131m i\u00e7in AstroJS d\u00f6k\u00fcmantasyonunu (https:\/\/astro.build\/guides\/deploying\/) inceleyebilirsiniz.<\/p>\n

      AstroJS ile Resim Galerisi Uygulamas\u0131 i\u00e7in Ek \u0130pu\u00e7lar\u0131<\/h2>\n

      AstroJS ile resim galerisi uygulaman\u0131z\u0131n i\u015flevselli\u011fini art\u0131rmak i\u00e7in a\u015fa\u011f\u0131daki ipu\u00e7lar\u0131n\u0131 kullanabilirsiniz:<\/p>\n

        \n
      • Lightbox Eklentisi: Resimlerin daha b\u00fcy\u00fck bir boyutta g\u00f6r\u00fcnt\u00fclenmesini sa\u011flamak i\u00e7in Lightbox k\u00fct\u00fcphanesini kullan\u0131n. \u00d6rne\u011fin, “lightbox2” veya “simplelightbox” k\u00fct\u00fcphaneleri kullan\u0131labilir.<\/li>\n
      • Resim Optimize Etme: Resimlerin boyutunu ve kalitesini optimize ederek web sitenizin performans\u0131n\u0131 art\u0131r\u0131n. AstroJS’nin “Image” bile\u015feni, resimleri otomatik olarak optimize etmenizi sa\u011flar.<\/li>\n
      • Ara\u00e7 \u00c7ubu\u011fu Ekleme: Galeriye ekleme, d\u00fczenleme, silme gibi i\u015flemleri yapabilmek i\u00e7in bir ara\u00e7 \u00e7ubu\u011fu ekleyin. Strapi’nin API’sini kullanarak bu i\u015flemleri ger\u00e7ekle\u015ftirebilirsiniz.<\/li>\n
      • Geli\u015fmi\u015f Filtreleme: Kullan\u0131c\u0131lara resim galerisi i\u00e7inde arama yapabilme veya kategorilere g\u00f6re filtreleme yapabilme imkan\u0131 sunun. Strapi’nin “Kategori” \u00f6zelli\u011fini kullanarak resimleri kategorilere ay\u0131rabilirsiniz.<\/li>\n<\/ul>\n

        Bu makalede AstroJS ile Strapi 5 kullanarak bir resim galerisi uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele ald\u0131k. Strapi ile i\u00e7erik y\u00f6netim sistemini olu\u015fturma, AstroJS ile statik uygulamay\u0131 in\u015fa etme ve uygulamay\u0131 da\u011f\u0131tma konusunda detayl\u0131 bilgiler verdik. AstroJS ile resim galerisi uygulaman\u0131z i\u00e7in ek ipu\u00e7lar\u0131 da payla\u015ft\u0131k.<\/p>\n

        AstroJS ve Strapi ile daha geli\u015fmi\u015f web uygulamalar\u0131 in\u015fa etmek i\u00e7in bu kaynaklar\u0131 inceleyebilirsiniz:<\/p>\n

          \n
        • AstroJS D\u00f6k\u00fcmantasyonu: https:\/\/astro.build\/docs\/<\/li>\n
        • Strapi D\u00f6k\u00fcmantasyonu: https:\/\/strapi.io\/documentation\/v4.x\/<\/li>\n<\/ul>\n

          AstroJS ve Strapi’nin sundu\u011fu f\u0131rsatlar\u0131 kullanarak kendi web projelerinizi yaratabilirsiniz. Daha fazla bilgi i\u00e7in web sitemi (https:\/\/fatihsoysal.com) ziyaret edebilirsiniz.<\/p>\n

          #Etiketler: AstroJS, Strapi, Resim Galerisi, Statik Site Olu\u015fturma, \u0130\u00e7erik Y\u00f6netim Sistemi, Web Uygulamalar\u0131, API Entegrasyonu, Da\u011f\u0131t\u0131m, Lightbox, Resim Optimize Etme, Ara\u00e7 \u00c7ubu\u011fu, Filtreleme<\/p>\n","protected":false},"excerpt":{"rendered":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur? Bu makalede, AstroJS’nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi’nin…","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-3723","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nAstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?<\/title>\n<meta name=\"description\" content=\"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\" \/>\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\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?\" \/>\n<meta property=\"og:description\" content=\"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-12T16:00:15+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=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?\",\"datePublished\":\"2024-11-12T16:00:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\"},\"wordCount\":706,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\",\"name\":\"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-12T16:00:15+00:00\",\"description\":\"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?\"}]},{\"@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":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?","description":"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","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\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/","og_locale":"tr_TR","og_type":"article","og_title":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?","og_description":"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-12T16:00:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?","datePublished":"2024-11-12T16:00:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/"},"wordCount":706,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/","url":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/","name":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-12T16:00:15+00:00","description":"Bu makalede, AstroJS'nin statik site olu\u015fturma g\u00fcc\u00fcyle Strapi'nin g\u00fc\u00e7l\u00fc i\u00e7erik y\u00f6netim sistemini birle\u015ftirerek, etkile\u015fimli bir resim galerisi uygulamas\u0131 nas\u0131l in\u015fa edece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/astrojs-ile-strapi-5-kullanarak-resim-galerisi-uygulamasi-nasil-olusturulur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"AstroJS ile Strapi 5 Kullanarak Resim Galerisi Uygulamas\u0131 Nas\u0131l Olu\u015fturulur?"}]},{"@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\/3723","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=3723"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3723\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=3723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=3723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=3723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}