Modern web projelerinde içerik yönetimi, projenizin başarısı için kritik bir rol oynar. Sanity gibi servis tabanlı headless CMS çözümleri başlangıçta büyük kolaylık sağlarken, bazı durumlarda daha fazla kontrol, özelleştirme veya kendi sunucularınızda barındırma ihtiyacı doğabilir. İşte bu noktada, açık kaynaklı ve self-host edilebilir bir alternatif olan Strapi’ye geçiş yapmak cazip bir seçenek haline gelebilir. Bu kapsamlı rehber, mevcut Sanity projenizi Strapi’ye nasıl taşıyacağınızı adım adım açıklayacak, veri taşıma, içerik modelleme ve başarılı entegrasyon için size detaylı bir yol haritası sunacak.
Günümüzün dijital dünyasında, hızla değişen ihtiyaçlar ve artan beklentiler, şirketleri ve geliştiricileri esnek içerik yönetim sistemleri (CMS) kullanmaya itmektedir. Headless CMS çözümleri, içerik üretimi ile sunumunu ayırarak bu esnekliği sunar. Sanity.io, kullanıcı dostu arayüzü, güçlü GROQ/GraphQL API’leri ve gerçek zamanlı işbirliği yetenekleriyle öne çıkan popüler bir SaaS (Hizmet Olarak Yazılım) tabanlı headless CMS’tir. Ancak, her SaaS çözümünde olduğu gibi, Sanity’nin de kendine özgü limitasyonları bulunur. Projeniz büyüdükçe, maliyetler, veri egemenliği, özelleştirme derinliği veya altyapı üzerindeki tam kontrol arzusu gibi faktörler, sizi farklı bir yöne bakmaya itebilir.
Strapi ise, Node.js tabanlı, açık kaynaklı ve kendini barındırılabilen (self-hostable) bir headless CMS olarak, bu noktada güçlü bir alternatif sunar. Strapi’ye geçiş kararı, genellikle uzun vadeli stratejik bir adım olarak değerlendirilir ve aşağıdaki nedenlere dayanabilir:
- Maliyet Kontrolü: Sanity’nin kullanım tabanlı fiyatlandırma modeli, büyük veri setleri veya yüksek trafikli projeler için zamanla maliyetli hale gelebilir. Strapi, açık kaynak olması sayesinde lisans maliyeti olmaksızın kendi sunucunuzda çalıştırılabilir, bu da uzun vadede işletme maliyetlerini düşürebilir.
- Veri Egemenliği ve Güvenlik: Hassas verilerle çalışan projeler için, verilerin kendi sunucularınızda barındırılması ve tam kontrol sahibi olmak büyük önem taşır. Strapi, verilerinizi istediğiniz veritabanında (PostgreSQL, MySQL, MongoDB vb.) ve istediğiniz altyapıda (AWS, Azure, Google Cloud, özel sunucular) saklama imkanı sunar.
- Tam Özelleştirme ve Esneklik: Sanity güçlü bir platform olsa da, bazı özel işlevsellikler veya karmaşık iş akışları için sınırlamalara sahip olabilir. Strapi, tamamen açık kaynak kodlu olduğu için, çekirdek kodunu ve eklentilerini dilediğiniz gibi özelleştirebilir, iş süreçlerinize birebir uyacak şekilde geliştirebilirsiniz.
- Geliştirici Deneyimi: Node.js ekosistemine aşina olan geliştiriciler için Strapi, tanıdık bir ortam sunar ve mevcut araçlarla kolayca entegre edilebilir. Geliştirici topluluğu ve geniş eklenti ekosistemi de önemli bir avantajdır.
Bu rehber, Sanity’den Strapi’ye geçişin nedenlerini detaylı bir şekilde anlamanızın yanı sıra, bu karmaşık süreci adım adım nasıl yöneteceğinizi pratik örneklerle gösterecektir. Geçiş süreci, dikkatli planlama ve teknik bilgi gerektirir, ancak doğru yaklaşımla projelerinize yeni bir soluk getirebilir ve gelecekteki büyüme için sağlam bir temel oluşturabilir.
Temel Kavramlar: Sanity ve Strapi’yi Tanıyalım mı?
Sanity’den Strapi’ye geçiş yapmadan önce, her iki headless CMS’in temel özelliklerini, güçlü ve zayıf yönlerini anlamak, geçiş stratejinizi belirlemede size yardımcı olacaktır. Bu bölüm, her iki platforma genel bir bakış sunarak, aralarındaki temel farkları ve geçiş kararının hangi durumlarda mantıklı olduğunu açıklayacaktır.
Sanity.io Nedir ve Neden Tercih Edilir?
Sanity.io, “içerik bir veridir” felsefesi üzerine kurulu, gerçek zamanlı işbirliği yeteneklerine sahip, bulut tabanlı bir headless CMS’tir. Geliştiricilerin ve içerik üreticilerinin yapılandırılmış içeriği kolayca oluşturmasını, yönetmesini ve dağıtmasını sağlar. Sanity’nin en belirgin özellikleri şunlardır:
- Portable Text: Zengin metin içeriğini JSON tabanlı, taşınabilir bir formatta depolayan güçlü bir editör. Bu, içeriğin herhangi bir frontend’e uyarlanabilir olmasını sağlar.
- GROQ ve GraphQL API’leri: İçeriğe erişmek için hem kendi güçlü sorgu dili GROQ’u hem de endüstri standardı GraphQL’i destekler. Bu, geliştiricilere esnek ve verimli veri çekme yetenekleri sunar.
- Sanity Studio: React tabanlı, açık kaynaklı bir içerik yönetim paneli olup, projeye özel olarak kolayca özelleştirilebilir.
- Gerçek Zamanlı İşbirliği: Birden fazla kullanıcının aynı anda içerik üzerinde çalışmasına olanak tanır, bu da ekip verimliliğini artırır.
- Varlık Yönetimi: Medya varlıklarını (görseller, videolar vb.) yönetmek ve optimize etmek için yerleşik bir sistem sunar.
Sanity’nin tercih edilme nedenleri arasında hızlı kurulum, bakım yükünün olmaması (SaaS olduğu için), güçlü API’leri ve geliştirici dostu yapısı sayılabilir. Ancak, SaaS tabanlı olması nedeniyle platforma bağımlılık, kullanım arttıkça artan maliyetler ve bazı derin özelleştirme kısıtlamaları dezavantajları arasındadır.
Strapi Nedir ve Neden Popülerdir?
Strapi, geliştiricilere kendi altyapıları üzerinde tam kontrol sağlayan, açık kaynaklı, Node.js tabanlı, API odaklı bir headless CMS’tir. “Başka bir Node.js projesi oluşturmaktan daha hızlı” sloganıyla yola çıkan Strapi, içerik modelleme, API oluşturma ve medya yönetimi gibi temel headless CMS işlevlerini sunar. Temel özellikleri:
- Self-Host İmkanı: Projeyi kendi sunucularınızda barındırma yeteneği, tam veri egemenliği ve güvenlik kontrolü sağlar.
- Esnek Veritabanı Desteği: PostgreSQL, MySQL, SQLite, MongoDB gibi çeşitli veritabanlarını destekler, bu da mevcut altyapınıza uyum sağlamanıza olanak tanır.
- Açık Kaynak ve Genişletilebilirlik: Tamamen açık kaynaklıdır, bu da topluluk desteği, sürekli gelişim ve kod seviyesinde derin özelleştirme imkanı sunar. Plugin sistemi sayesinde ek fonksiyonellikler kolayca entegre edilebilir.
- Geniş API Desteği: REST ve GraphQL API’lerini otomatik olarak oluşturur, geliştiricilerin farklı frontend teknolojileriyle kolayca entegrasyon yapmasını sağlar.
- Kullanıcı Dostu Admin Paneli: İçerik yöneticileri için sezgisel bir arayüz sunar, içerik oluşturma ve düzenleme süreçlerini kolaylaştırır.
Strapi’nin popülaritesi, sunduğu kontrol, esneklik ve açık kaynak felsefesinden gelir. Başlangıçtaki kurulum ve altyapı yönetimi ek bir çaba gerektirse de, uzun vadede maliyet avantajı ve özelleştirme yetenekleri sayesinde birçok proje için tercih sebebi olur. Özellikle GDPR veya diğer veri koruma düzenlemeleri gibi belirli uyumluluk gereksinimleri olan kurumlar için Strapi ideal bir çözüm olabilir.
Özetle, Sanity hızlı başlangıçlar ve bakım gerektirmeyen bir SaaS deneyimi sunarken, Strapi maksimum kontrol, özelleştirme ve maliyet verimliliği arayanlar için güçlü bir platformdur. Geçiş kararı, projenizin mevcut ve gelecekteki ihtiyaçlarına, bütçesine ve teknik ekibinizin yeteneklerine göre dikkatlice değerlendirilmelidir.
Sanity’den Strapi’ye Veri Taşıma Süreci: Adım Adım Kapsamlı Rehber
Sanity’den Strapi’ye geçişin en kritik ve teknik kısmı, mevcut verilerinizi güvenli ve doğru bir şekilde yeni platforma taşımaktır. Bu bölüm, adım adım bir rehber sunarak, bu süreci sorunsuz bir şekilde tamamlamanıza yardımcı olacak ve olası zorluklara karşı çözümler önerecektir.
Adım 1: Sanity Verilerinizi Dışa Aktarma
Geçiş sürecinin ilk adımı, Sanity’deki mevcut tüm verilerinizi dışa aktarmaktır. Sanity CLI (Komut Satırı Arayüzü) bu işlemi oldukça basit hale getirir.
Sanity CLI’yi zaten yüklü değilse, aşağıdaki komutla yükleyebilirsiniz:
npm install -g @sanity/cli
Ardından, projenizin kök dizininde veya herhangi bir yerden aşağıdaki komutu kullanarak verilerinizi dışa aktarabilirsiniz. Bu komut, belirtilen dataset'teki tüm dökümanları NDJSON (New-line Delimited JSON) formatında sıkıştırılmış bir tar.gz dosyasına kaydeder.
sanity dataset export production sanity-export.tar.gz --raw
Bu komuttaki production varsayılan dataset adıdır. Farklı bir dataset kullanıyorsanız, o dataset adını belirtmeniz gerekir. --raw bayrağı, meta verileri de dahil olmak üzere tüm ham verinin dışa aktarılmasını sağlar. Dışa aktarma tamamlandığında, sanity-export.tar.gz adlı bir dosya oluşturulacaktır. Bu dosyayı açtığınızda, her satırın bir Sanity dökümanı olduğu .ndjson uzantılı bir dosya bulacaksınız. Bu dosya, Strapi'ye aktaracağımız ana veri kaynağımız olacak.
Adım 2: Yeni Bir Strapi Projesi Kurma
Verileriniz hazır olduğunda, bir sonraki adım yeni bir Strapi projesi kurmaktır. Strapi, Node.js tabanlı olduğu için bilgisayarınızda Node.js ve npm (veya Yarn) kurulu olmalıdır.
Aşağıdaki komutla hızlıca yeni bir Strapi projesi oluşturabilirsiniz:
npx create-strapi-app@latest my-strapi-project --quickstart
my-strapi-project yerine projenizin adını yazabilirsiniz. --quickstart bayrağı, varsayılan olarak SQLite veritabanı ile hızlı bir kurulum yapar. Eğer PostgreSQL, MySQL veya MongoDB gibi farklı bir veritabanı kullanmak istiyorsanız, --quickstart bayrağını kaldırabilir ve kurulum sırasında veritabanı seçiminizi yapabilirsiniz. Kurulum tamamlandığında, Strapi otomatik olarak tarayıcınızda yönetici panelini açacak ve ilk yönetici hesabınızı oluşturmanızı isteyecektir. Bu adımları tamamlayarak Strapi'yi kullanıma hazır hale getirin.
Adım 3: Strapi İçerik Türlerini (Content Types) Oluşturma
Sanity'deki her _type (örneğin, "post", "author", "category") Strapi'de bir İçerik Türü'ne (Content Type) karşılık gelir. Verilerinizi aktarmadan önce, bu içerik türlerini Strapi'de oluşturmanız gerekmektedir. Strapi'nin yönetici paneli üzerinden "Content-Type Builder" kullanarak bu işlemi görsel olarak yapabilirsiniz.
Sanity schemasını dikkatlice inceleyin ve her bir alanın (field) türünü (string, boolean, number, image, reference, array, portable text vb.) Strapi'deki karşılığına eşleştirin.
-
Metin Alanları: Sanity'deki
string,textalanları Strapi'deTextveyaRich Text(Markdown/Lexical) olarak eşleştirilir. -
Sayısal Alanlar: Sanity'deki
numberalanları Strapi'deNumberolarak eşleştirilir. -
Boolean Alanlar: Sanity'deki
booleanalanları Strapi'deBooleanolarak eşleştirilir. -
Tarih Alanları: Sanity'deki
datetimeveyadatealanları Strapi'deDateveyaDateTimeolarak eşleştirilir. -
Görsel ve Medya Varlıkları: Sanity'deki
imagetürleri Strapi'deMediatürüne karşılık gelir. -
İlişkiler (References): Sanity'deki
referencealanları, Strapi'deRelation(İlişki) alanlarına karşılık gelir. Örneğin, bir "Post"un bir "Author"a referansı, Strapi'de "Post" içerik türünde "Author" ile tek-çok ilişki (many-to-one) olarak tanımlanabilir. -
Portable Text: Sanity'nin Portable Text yapısı Strapi'de doğrudan bir karşılığa sahip değildir. Genellikle Strapi'nin
Rich Textalanı (Markdown veya Lexical editör) kullanılır. Bu, Sanity Portable Text verilerini Markdown veya HTML formatına dönüştürmeniz gerektiği anlamına gelir. Bu dönüşüm için özel bir script yazmanız gerekecektir.
Her içerik türünü ve alanını dikkatlice tanımladıktan sonra, Strapi, veritabanınızda ilgili tabloları ve API uç noktalarını otomatik olarak oluşturacaktır.
Adım 4: Verileri Strapi'ye Aktarma Script'i Geliştirme
Bu adım, geçişin en karmaşık kısmıdır. Sanity'den dışa aktardığınız NDJSON dosyasını okuyacak ve her bir dökümanı Strapi API'sine göndererek yeni içerikler oluşturacak bir Node.js scripti yazmanız gerekecek.
Öncelikle, Strapi'nizin API'sine erişmek için bir API Token oluşturmanız gerekecektir. Strapi Admin panelinde "Settings" -> "API Tokens" bölümüne giderek tam erişim (Full Access) iznine sahip bir token oluşturun.
Aşağıdaki örnek, Sanity verilerini okuyup temel metin alanlarını Strapi'ye nasıl aktaracağını gösteren basit bir Node.js scriptidir. Bu script'i projenizin ihtiyaçlarına göre uyarlamanız gerekmektedir.
const fs = require('fs');
const path = require('path');
const axios = require('axios');
const readline = require('readline');
const tar = require('tar'); // Tar dosyasını açmak için
const strapiApiUrl = 'http://localhost:1337/api'; // Kendi Strapi API URL'nizi girin
const sanityExportFilePath = 'sanity-export.tar.gz'; // Sanity export dosyanızın yolu
const ndjsonExtractedPath = 'sanity-export.ndjson'; // Çıkarılacak NDJSON dosyasının adı
async function extractTarGz() {
console.log('Sanity export dosyasını çıkarılıyor...');
await tar.x({
file: sanityExportFilePath,
C: path.dirname(ndjsonExtractedPath) // Aynı dizine çıkar
});
console.log('Sanity export dosyası başarıyla çıkarıldı.');
// Tar dosyasından çıkarılan .ndjson dosyasının gerçek adını bulmamız gerekebilir
// Genellikle 'export.ndjson' veya benzeri bir isimle çıkar.
// Varsayılan olarak export.ndjson adıyla çıktığını varsayalım
return path.join(path.dirname(ndjsonExtractedPath), 'export.ndjson');
}
async function importData() {
const finalNdjsonPath = await extractTarGz();
const strapiAuthToken = 'YOUR_STRAPI_ADMIN_API_TOKEN'; // Strapi admin panelinden alacağınız API Token
const headers = {
'Content-Type': 'application/json',
'Authorization': Bearer ${strapiAuthToken}
};
const fileStream = fs.createReadStream(finalNdjsonPath);
const rl = readline.createInterface({
input: fileStream,
crlfDelay: Infinity
});
console.log('Veri içe aktarma süreci başlatılıyor...');
for await (const line of rl) {
if (!line.trim()) continue; // Boş satırları atla
try {
const sanityDoc = JSON.parse(line);
// Sanity "_type" alanını Strapi içerik türü adıyla eşleştirin
let strapiContentType = '';
let isDraft = sanityDoc._id.startsWith('drafts.');
if (sanityDoc._type === 'post') {
strapiContentType = 'posts';
} else if (sanityDoc._type === 'author') {
strapiContentType = 'authors';
} else if (sanityDoc._type === 'category') {
strapiContentType = 'categories';
}
// Diğer içerik türleri için else if blokları ekleyin
// Örneğin: else if (sanityDoc._type === 'product') { strapiContentType = 'products'; }
// Taslakları atla veya farklı ele al
if (isDraft) {
console.log(Skipping draft document: ${sanityDoc._id});
continue;
}
if (strapiContentType) {
const strapiData = {
data: {
// Sanity alanlarını Strapi alanlarına eşleştirin
// Portable Text dönüşümü için örnek:
// body: convertPortableTextToMarkdown(sanityDoc.body),
title: sanityDoc.title,
slug: sanityDoc.slug?.current,
// Diğer alanları buraya ekleyin. İlişkiler ve medya varlıkları sonraki adımlarda ele alınacak.
// Örnek: description: sanityDoc.description,
// publishedAt: sanityDoc.publishedAt,
// Sanity'deki "_createdAt" ve "_updatedAt" alanlarını Strapi'ye taşıyabiliriz.
publishedAt: sanityDoc._createdAt || new Date().toISOString(), // Varsayılan olarak oluşturulma tarihi
createdAt: sanityDoc._createdAt,
updatedAt: sanityDoc._updatedAt,
sanityId: sanityDoc._id // Orjinal Sanity ID'sini saklamak faydalı olabilir
}
};
console.log(Importing ${sanityDoc._id} (${sanityDoc._type}) to ${strapiContentType}...);
await axios.post(${strapiApiUrl}/${strapiContentType}, strapiData, { headers });
console.log(Successfully imported ${sanityDoc._id});
} else {
console.warn(No mapping found for Sanity type: ${sanityDoc._type}. Skipping.);
}
} catch (error) {
console.error(Error processing line: ${line}, error.response ? error.response.data : error.message);
}
}
console.log('Veri içe aktarma süreci tamamlandı.');
}
// Portable Text'i Markdown'a dönüştürmek için basit bir örnek (gerçek bir kütüphane kullanın)
function convertPortableTextToMarkdown(portableText) {
if (!portableText) return '';
// Bu kısım karmaşık olabilir ve kapsamlı bir kütüphane gerektirir.
// Örnek olarak sadece paragrafları birleştiriyoruz.
return portableText.map(block => {
if (block._type === 'block' && block.children) {
return block.children.map(span => span.text).join('');
}
return '';
}).join('\n\n');
}
importData().catch(console.error);
@sanity/block-content-to-markdown gibi kütüphaneleri kullanmanız gerekebilir. Bu, içeriğin doğru formatta aktarılması için kritik öneme sahiptir.Adım 5: Görüntü ve Diğer Medya Varlıklarını Taşıma
Görüntü ve diğer medya varlıklarının taşınması, genellikle iki aşamalı bir süreçtir:
- Sanity CDN'inden Varlıkları İndirme: Sanity'den dışa aktarılan verilerdeki görsel referanslarını kullanarak (genellikle bir asset ID içerirler), bu görselleri Sanity'nin CDN'inden programatik olarak indirmeniz gerekir.
- Strapi'ye Yükleme: İndirilen görselleri Strapi'nin medya kütüphanesine yüklemek için Strapi'nin upload API'sini kullanın. Bu sırada, görsellerin orijinal dosya adlarını ve meta verilerini korumaya çalışın.
Bu işlem için ayrı bir script yazmanız veya ana aktarma scriptinize entegre etmeniz gerekebilir. Strapi'nin /api/upload uç noktasına multipart/form-data isteği göndererek dosyaları yükleyebilirsiniz. Yükleme sonrası Strapi, size bir dosya nesnesi döndürecektir. Bu nesnedeki ID'yi, içeriklerinizdeki görsel referanslarını güncellemek için kullanacaksınız.
Adım 6: İlişkileri ve Referansları Güncelleme
Sanity ve Strapi, dökümanlar arasındaki ilişkileri farklı şekillerde yönetir. Sanity, referansları _ref alanları aracılığıyla döküman ID'leri üzerinden kurarken, Strapi kendi iç ID'lerini kullanır. Bu nedenle, verileri aktarırken eski Sanity ID'leri ile yeni Strapi ID'leri arasında bir eşleşme (mapping) oluşturmanız gerekmektedir.
-
İlk Geçiş (Basit Veriler): İlk olarak, ilişki içermeyen temel metin ve sayısal verileri Strapi'ye aktarın. Bu sırada, her bir aktarılan Sanity dökümanının orijinal Sanity
_id'sini ve Strapi tarafından atanan yeniid'sini bir eşleme tablosunda (örneğin, bir JavaScript objesi veya Map yapısı) saklayın. Bu eşleşmeyi, oluşturduğunuz içerik türünesanityIdgibi özel bir alan ekleyerek de kalıcı hale getirebilirsiniz. -
İkinci Geçiş (İlişkiler): Tüm temel veriler aktarıldıktan sonra, ikinci bir script çalıştırın. Bu script, daha önce kaydedilen eşleme tablosunu kullanarak Sanity dökümanlarındaki
_refalanlarını bulacak ve bunları ilgili Strapi içerik türünün yeni ID'leriyle güncelleyecektir. Örneğin, bir "Post"un "Author" referansını güncellemek için, "Post" içeriğini Strapi API'si üzerinden GET ile çekip, "author" alanındaki eski Sanity ID'sini yeni Strapi Author ID'si ile değiştirip, ardından PUT isteği ile güncellemeyi yapmalısınız.
Bu adım, veri bütünlüğünü sağlamak için çok önemlidir ve genellikle en çok dikkat gerektiren kısımdır. İlişkilerin karmaşıklığına bağlı olarak, bu script'i iteratif olarak geliştirmeniz gerekebilir.
Gelişmiş Geçiş Stratejileri ve İpuçları
Geçiş süreci yalnızca temel veri aktarımından ibaret değildir. Büyük projeler ve özel gereksinimler için aşağıdaki gelişmiş stratejileri ve ipuçlarını göz önünde bulundurmanız, süreci daha verimli ve sorunsuz hale getirecektir.
Büyük Veri Setleri İçin Optimizasyon
On binlerce veya yüz binlerce dökümanın bulunduğu projelerde, veri aktarımını tek seferde yapmak hem performans sorunlarına yol açabilir hem de hataların tespitini zorlaştırabilir.
- Toplu İşleme (Batch Processing): Verileri küçük partiler halinde (örneğin, 100 veya 500 dökümanlık gruplar halinde) işleyin. Bu, bellek tüketimini azaltır ve API rate limitlerine takılma olasılığını düşürür. Her toplu işleme sonrası bir mola vermek veya ilerlemeyi kaydetmek faydalı olabilir.
- API Rate Limiting: Strapi veya kullandığınız bulut sağlayıcısının (görüntü yüklemeleri için) API çağrı limitleri olabilir. Script'inize bir gecikme (delay) mekanizması ekleyerek API çağrılarını yavaşlatın ve limitlerin aşılmasını önleyin.
- Doğrudan Veritabanı Geçişleri: Eğer teknik ekibiniz veritabanı yönetimi konusunda deneyimliyse, Strapi'nin kullandığı veritabanına (PostgreSQL, MySQL vb.) doğrudan SQL sorguları veya NoSQL komutları aracılığıyla veri aktarmak daha hızlı olabilir. Ancak bu yöntem, Strapi'nin ORM (Object-Relational Mapping) yapısını ve iç ilişkilerini doğru bir şekilde taklit etmeyi gerektirir, bu da daha riskli olabilir. Bu yolu seçerseniz, Strapi'nin içerik modelleme mantığını ve veritabanı şemasını derinlemesine anlamanız gerekir.
- Hata Yönetimi ve Yeniden Deneme Mekanizmaları: Büyük aktarımlarda hatalar kaçınılmazdır. Script'inizin başarısız olan kayıtları loglamasını ve belirli bir strateji dahilinde (örneğin, belirli bir süre sonra tekrar deneme) yeniden işlemeye çalışmasını sağlayın.
Özel Alanlar ve Plugin Entegrasyonu
Sanity'deki bazı özel alanlar veya pluginler, Strapi'de doğrudan bir karşılığa sahip olmayabilir. Bu gibi durumlarda:
- Özel Alanlar Geliştirme: Strapi, özel alanlar (Custom Fields) oluşturmanıza olanak tanır. Sanity'deki karmaşık veri yapılarını veya benzersiz alan türlerini taklit etmek için kendi özel alanlarınızı geliştirerek Strapi yönetici panelini genişletebilirsiniz.
- Plugin Geliştirme/Kullanma: Sanity'deki bir özelliğin (örneğin, bir özel entegrasyon veya içerik düzenleme aracı) Strapi'de karşılığı yoksa, mevcut bir Strapi plugin'ini kullanabilir veya kendi plugin'inizi geliştirebilirsiniz. Strapi'nin plugin sistemi oldukça esnektir.
- Frontend Tarafında Çözümler: Bazı durumlarda, Sanity'deki bir özellik (örneğin, bir sunum formatı), Strapi'ye ham veri olarak aktarılabilir ve bu verinin işlenmesi veya görüntülenmesi frontend uygulamasına bırakılabilir.
Geçiş Sonrası Doğrulama ve Test
Veri aktarımı tamamlandıktan sonra, yeni Strapi kurulumunuzun doğru çalıştığından ve tüm verilerin eksiksiz ve doğru bir şekilde aktarıldığından emin olmak için kapsamlı bir doğrulama ve test süreci şarttır.
- Veri Tutarlılığı Kontrolleri: Rastgele seçilmiş içerik örneklerini hem Sanity'de hem de Strapi'de karşılaştırın. Özellikle ilişkilerin, görsellerin ve zengin metin alanlarının doğru aktarıldığından emin olun. Sanity'deki toplam döküman sayısı ile Strapi'deki toplam giriş sayısının eşleşip eşleşmediğini kontrol edin.
- API Testleri: Strapi'nin REST ve/veya GraphQL API'leri üzerinden içeriklere erişmeyi deneyin. Sorguların beklendiği gibi çalıştığından ve doğru verileri döndürdüğünden emin olun.
- Frontend Entegrasyon Testleri: Frontend uygulamanızı yeni Strapi API'sine bağlayarak tüm sayfaların, bileşenlerin ve işlevlerin düzgün çalıştığını test edin. Özellikle dinamik olarak yüklenen içeriklerin (blog yazıları, ürün listeleri, kullanıcı profilleri vb.) sorunsuz bir şekilde görüntülendiğinden emin olun.
- Performans Testleri: Strapi'nin yük altında nasıl performans gösterdiğini değerlendirin. Veritabanı sorgularını optimize etmek veya önbellekleme mekanizmaları kurmak gerekebilir.
Mobil Uyumlu Tasarım ve API Erişimi
Strapi, API odaklı bir CMS olduğu için, frontend uygulamanızın mobil uyumluluğu Strapi'den bağımsız olarak geliştirilir. Ancak Strapi'nin sunduğu esnek API'ler, farklı cihazlar ve ekran boyutları için optimize edilmiş içerik sunmanıza olanak tanır.
-
Duyarlı İçerik: Strapi'nin medya kütüphanesi, görsellerin farklı boyutlarda optimize edilmiş versiyonlarını sunabilir. Frontend uygulamanızda
etiketi veya CSSmedia query'leri kullanarak, cihazın özelliklerine göre en uygun görselleri yükleyebilirsiniz. -
API Sürümleme: Frontend'lerinizin farklı mobil ve web platformlarında farklı ihtiyaçları varsa, Strapi'nin API'sini sürümleyerek (örneğin,
/api/v1,/api/v2) uyumluluğu sürdürebilirsiniz.
Mobil uyumlu HTML üretmek doğrudan Strapi'nin görevi olmasa da, Strapi'den gelen veriyi kullanarak frontend tarafında duyarlı tasarım prensiplerini uygulamanız önemlidir. Aşağıdaki CSS örneği, web sitenizde duyarlı görseller ve içerik bölümleri oluşturmak için tipik bir yaklaşımı göstermektedir:
Bu örnek, Strapi'den çekilen içeriklerin frontend'de nasıl duyarlı bir şekilde görüntülenebileceğine dair bir bakış açısı sunar. Strapi, içeriği sağlar; frontend bu içeriği en iyi kullanıcı deneyimi için şekillendirir.
Vaka Analizi: Bir E-ticaret Sitesinin Sanity'den Strapi'ye Geçişi
Teorik bilgilerin yanı sıra, gerçek dünya senaryoları, geçiş sürecinin karmaşıklığını ve potansiyel faydalarını daha iyi anlamamızı sağlar. İşte küçük ve orta ölçekli bir e-ticaret sitesinin Sanity'den Strapi'ye geçiş hikayesi:
Senaryo: Büyüyen Bir E-ticaret İşletmesinin İhtiyaçları
"TrendButik" adında, el yapımı takılar satan küçük bir e-ticaret işletmesi, başlangıçta içerik yönetimi için Sanity.io kullanıyordu. Sanity, ürün açıklamaları, blog yazıları ve kategori sayfaları için hızlı ve kolay bir çözüm sunmuştu. Ancak işletme büyüdükçe ve aylık satış hacmi arttıkça, aşağıdaki sorunlarla karşılaşmaya başladılar:
- Artan Maliyetler: Ürün ve blog içeriği arttıkça Sanity'nin kullanım tabanlı fiyatlandırması daha pahalı hale gelmeye başladı. Özellikle görsel varlıkların depolama ve bant genişliği maliyetleri bütçelerini zorluyordu.
- Özelleştirme Kısıtlamaları: İşletme, karmaşık ürün varyantları (renk, boyut, malzeme kombinasyonları), özel indirim kuralları ve gelişmiş SEO alanları gibi ihtiyaçlar için Sanity'nin admin panelini daha derinlemesine özelleştirmek istedi. Ancak Sanity Studio özelleştirmeleri belli bir noktadan sonra karmaşık ve zaman alıcı olabiliyordu.
- Veri Egemenliği: Ödeme bilgileri ve müşteri verileri gibi hassas bilgilerin kendi sunucularında barındırılması konusunda endişeler artıyordu. Verilerin tamamen kendilerine ait bir altyapıda olmasını istiyorlardı.
Bu nedenlerle, TrendButik'in teknik ekibi, açık kaynaklı ve self-host edilebilir bir headless CMS olan Strapi'ye geçiş yapma kararı aldı.
Uygulanan Adımlar ve Çözümler
TrendButik ekibi, Sanity'den Strapi'ye geçiş için aşağıdaki adımları izledi:
- Veri Dışa Aktarımı: Sanity CLI kullanarak tüm ürün, kategori, blog yazısı, müşteri yorumları ve yazar içeriklerini NDJSON formatında dışa aktardılar.
-
Strapi Kurulumu ve İçerik Modelleri: Kendi bulut sunucuları üzerinde (AWS EC2) PostgreSQL veritabanı ile yeni bir Strapi projesi kurdular. Sanity'deki her
_typeiçin Strapi'de karşılık gelen içerik türlerini (Product,Category,BlogPost,Review,Author) "Content-Type Builder" aracılığıyla oluşturdular. ÖzellikleProductiçeriği için, renk ve boyut gibi varyantları ele almak üzere dinamik bölgeler (Dynamic Zones) ve ilişkiler kullandılar. -
Veri Taşıma Script'i: Node.js tabanlı özel bir script geliştirdiler. Bu script, dışa aktarılan NDJSON dosyasını satır satır okudu.
-
Portable Text Dönüşümü: Sanity'deki ürün açıklamaları ve blog yazılarındaki Portable Text içeriğini,
@sanity/block-content-to-markdownbenzeri bir kütüphane kullanarak Markdown formatına dönüştürdüler ve Strapi'nin Rich Text alanına kaydettiler. -
ID Eşleştirme: Her Sanity dökümanının
_id'sini, Strapi'ye aktarıldıktan sonra oluşan yeni Strapiid'si ile eşleştiren bir Map objesi oluşturdular. Bu eşleşmeyi aynı zamanda her Strapi içeriğine eklediklerisanityIdözel alanında da sakladılar.
-
Portable Text Dönüşümü: Sanity'deki ürün açıklamaları ve blog yazılarındaki Portable Text içeriğini,
-
Medya Varlıklarının Taşınması: Sanity'den dışa aktarılan verilerdeki görsel referanslarını (
_idveya URL) kullanarak, özel bir script aracılığıyla tüm ürün görsellerini ve blog görsellerini Sanity CDN'inden indirdiler. Daha sonra, Strapi'nin/api/uploaduç noktasına POST istekleri göndererek bu görselleri Strapi'nin medya kütüphanesine yüklediler ve ilgili içerik türlerindeki görsel referanslarını güncellediler. Görsel depolama için AWS S3'ü Strapi'ye entegre ettiler. - İlişkilerin Güncellenmesi: İlk aktarım tamamlandıktan sonra, ikinci bir script çalıştırdılar. Bu script, ürünlerin kategorilere, blog yazılarının yazarlara ve müşteri yorumlarının ürünlere olan Sanity referanslarını, daha önce oluşturulan ID eşleşme tablosunu kullanarak Strapi'deki doğru ilişkilerle güncelledi.
- Test ve Doğrulama: Geçiş sonrası tüm içerik türlerini, ürün görsellerini, fiyatları, varyantları ve ilişkileri manuel olarak ve otomasyon testleriyle doğruladılar. Frontend uygulamalarını Strapi API'sine bağlayarak tüm web sitesinin sorunsuz çalıştığından emin oldular.
Karşılaşılan Zorluklar ve Elde Edilen Faydalar
Karşılaşılan Zorluklar:
- Portable Text Dönüşümü: Sanity'nin Portable Text yapısı karmaşık olduğu için, bu veriyi Strapi'nin Rich Text alanına uygun Markdown formatına dönüştürmek en çok zaman alan kısımdı.
- Karmaşık İlişkiler: Ürün varyantları ve bunların envanterle olan ilişkileri gibi çok katmanlı referans yapılarını doğru bir şekilde Strapi'ye taşımak detaylı çalışma gerektirdi.
- API Rate Limitleri: Çok sayıda görseli indirip yüklerken Sanity CDN ve Strapi upload API'sinin rate limitlerine takılmamak için scriptlerine gecikme mekanizmaları eklemek zorunda kaldılar.
Elde Edilen Faydalar:
- Maliyet Tasarrufu: Uzun vadede Sanity'nin SaaS maliyetlerinden kurtularak önemli ölçüde tasarruf ettiler.
- Tam Kontrol: Tüm veriler kendi sunucularında olduğu için tam veri egemenliğine sahip oldular ve GDPR uyumluluğunu daha kolay yönettiler.
- Esneklik ve Özelleştirme: Strapi'nin açık kaynak yapısı sayesinde, admin panelini ve içerik modellerini işletmelerinin özel ihtiyaçlarına göre çok daha derinlemesine özelleştirebildiler. Yeni pazar yerleri entegrasyonları veya özel pazarlama kampanyaları için API'yi kolayca genişlettiler.
- Ölçeklenebilirlik: Kendi altyapıları üzerinde Strapi'yi ölçeklendirmek, işletmelerinin gelecekteki büyüme ihtiyaçlarına daha iyi yanıt vermelerini sağladı.
Bu vaka analizi, Sanity'den Strapi'ye geçişin planlama, teknik uygulama ve doğrulama gerektiren kapsamlı bir süreç olduğunu, ancak doğru yaklaşımla önemli faydalar sağlayabileceğini göstermektedir.
Sonuç: Geçiş Sürecini Başarıyla Tamamlamak
Sanity'den Strapi'ye geçiş, projenizin büyüme ve evrim yolculuğunda önemli bir dönüm noktası olabilir. Bu rehber boyunca, neden bu geçişi yapmayı düşünmeniz gerektiğinden, her iki platformun temel özelliklerine, adım adım veri taşıma süreçlerine ve gelişmiş stratejilere kadar birçok konuyu ele aldık. Unutmayın ki, her geçiş projesi benzersizdir ve projenizin özel ihtiyaçlarına göre uyarlamalar gerektirecektir. Ancak, doğru planlama, detaylı adımlar ve dikkatli test süreçleriyle, bu karmaşık görünen yolculuğu başarıyla tamamlayabilir ve projelerinize yeni bir güç katabilirsiniz.
Strapi'ye geçişin temel faydaları arasında maliyet kontrolü, veri egemenliği, esnek özelleştirme imkanları ve geniş bir geliştirici topluluğuna erişim bulunmaktadır. Bu avantajlar, özellikle ölçeklenebilirlik ve sürdürülebilirlik arayışında olan işletmeler ve geliştiriciler için kritik öneme sahiptir. Geçiş süreci başlangıçta biraz zaman ve çaba gerektirse de, uzun vadede projenize daha fazla kontrol ve gelecekteki yenilikler için sağlam bir zemin sağlayacaktır.
Sıkça Sorulan Sorular (SSS)
-
Sanity Portable Text'i Strapi'ye nasıl aktarırım?
Sanity'nin Portable Text yapısı, Strapi'nin Rich Text (zengin metin) alanı için doğrudan bir format değildir. Bu nedenle, özel bir dönüştürücü script yazmanız gereklidir. Portable Text içeriğini Markdown veya HTML formatına çevirerek Strapi'nin Rich Text alanına kaydedebilirsiniz.
@sanity/block-content-to-markdowngibi npm paketleri, bu dönüşüm sürecini kolaylaştırmak için kullanılabilir. Bu, genellikle script'inizin en karmaşık parçalarından biri olacaktır. -
Görüntülerimi Sanity'den Strapi'ye taşırken nelere dikkat etmeliyim?
Görüntüleri Sanity CDN'inden programatik olarak indirmeniz ve ardından Strapi'nin medya kütüphanesine (veya yapılandırılmış bir bulut depolama sağlayıcısına, örneğin AWS S3) yüklemeniz gerekir. Bu süreçte, görsellerin orijinal dosya adlarını ve meta verilerini korumaya çalışın. Ayrıca, içeriğinizdeki eski görsel URL referanslarını Strapi'ye yüklendikten sonra elde edeceğiniz yeni URL'lerle veya Strapi'nin medya ID'leriyle güncellemek kritik öneme sahiptir.
-
Geçiş süreci ne kadar sürer?
Geçiş süresi, veri miktarına, Sanity içerik türlerinin ve şemalarının karmaşıklığına, özel entegrasyonlara, taşınacak medya varlığı sayısına ve ekibinizin deneyimine bağlı olarak büyük ölçüde değişir. Küçük ve basit projeler birkaç gün içinde tamamlanabilirken, büyük ve karmaşık veri setlerine sahip projeler haftalar veya hatta aylar sürebilir. Detaylı bir planlama ve adım adım ilerleme, süreci hızlandırmanıza yardımcı olacaktır.
-
Strapi'ye geçişin maliyetleri nelerdir?
Strapi açık kaynaklı olduğu için lisans maliyeti yoktur. Ancak, projenizi barındırmak için sunucu (hosting), bir veritabanı, bakım ve operasyonel giderler olacaktır. Bu maliyetler, seçtiğiniz bulut sağlayıcısına (AWS, Azure, Google Cloud vb.) ve altyapı büyüklüğüne göre değişir. Genellikle, bu self-hosting maliyetleri, büyük veya yüksek trafikli projeler için Sanity'nin SaaS abonelik modellerine kıyasla uzun vadede daha uygun maliyetli olabilir. Ayrıca, geçişi gerçekleştirecek geliştirici ekibinin zaman maliyetini de hesaba katmalısınız.
-
Veri bütünlüğünü nasıl sağlarım?
Veri bütünlüğünü sağlamak için geçiş öncesi ve sonrası detaylı bir doğrulama ve test süreci şarttır. Küçük bir alt küme üzerinde pilot geçişler yapmak, potansiyel sorunları erkenden tespit etmenizi sağlar. Tüm içerik türlerinin, alanların, ilişkilerin ve medya varlıklarının doğru bir şekilde aktarıldığından emin olun. Sanity'deki orijinal döküman sayısını Strapi'deki giriş sayısıyla karşılaştırın ve rastgele örnekleme ile içeriğin doğruluğunu kontrol edin. Otomatik testler ve manuel incelemeler bu süreçte çok yardımcı olacaktır.