Relume hizmet

Relume.

Daha fazla geliştirme için site yapısı, sayfa çerçeveleri ve bileşenleri

4.45 / 5Katalog değerlendirmesi
Resmî site

Relume, site çalışmasına yapıyı ve birbiriyle uyumlu bölümleri oluşturarak başlar. Ardından tasarım geliştirilebilir, hazır bileşenler kullanılabilir ve projeyi yayımlamak veya devretmek için uygun yol seçilebilir.

Site yapısı ve tasarımı üretimini gösteren Relume resmî sayfası
Site yapısı ve tasarımı üretimini gösteren Relume resmî sayfası. Ürün sayfasının ekran görüntüsüdür; kendi testimizin sonucu değildir. Kaynağı aç

Öncelikle hangi sayfaların gerekli olduğunu anlayın.

Küçük bir sitenin sorunları çoğu zaman renk seçiminden önce başlar: bölümler yinelenir, önemli yanıt gizlenir, ana sayfada farklı görevler karışır. Relume proje açıklamasını, belgeleri veya mevcut siteyi sayfa yapısına ve iskeletlere dönüştürmeye yardımcı olur. Sürecin temeli, sonrasında tasarım ve geliştirmede kullanılabilecek kendi bileşen kütüphanesidir.

Yapıdan tasarıma

Site Builder’da bölümlerin sırası ve içerik değiştirilebilir, ardından stil kılavuzu uygulanabilir. Design View, ortak renk, tipografi ve öğe setinin farklı sayfalarda nasıl çalıştığını gösterir. Yardım belgeleri ayrıca uyarır: bu, her boşluğu ve animasyonu son hâline getirmek için gereken ayrıntılı çalışmanın yerini almaz.

Platformda çalışmayı sürdürmek için farklı yollar vardır: kendi yayınlama sistemi, Webflow veya Figma'da çalışma ve React bileşenleri. React için belgeler bir bölümü, sayfayı veya tüm yapıyı dışa aktarmayı açıklar. Her dışa aktarma yolunun tüm stil ve ayarları aynı şekilde taşıdığı varsayılamaz; müşteri projesine başlamadan önce bu kontrol edilmelidir.

Örnek: küçük stüdyo web sitesi

Başlangıç görevini tanımlayın: stüdyo ürün fotoğrafları çeker, çalışmalarını gösterir ve başvuru alır. Önce ana sayfa, çalışma örnekleri, hazırlık koşulları ve iletişim bilgilerini içeren yapı isteyin. Hangi bilgilerin zaten bulunduğunu belirtin ve müşteri veya sonuç uydurulmasını yasaklayın.

Ardından tel kafesleri ziyaretçinin gözünden inceleyin: stüdyonun ürünü için uygun olup olmadığı, neler hazırlaması ve nasıl soru sorması gerektiği anlaşılıyor mu? Aynı yanıt dört bölümde tekrarlanıyorsa her kopyayı süslemek yerine yapıyı düzeltin.

Onaydan sonra seçilen dışa aktarma yöntemini tek sayfada kontrol edin. Hangi bileşen ve stillerin taşındığına, nerede ek çalışma gerekeceğine ve gerçek formların nasıl işleyeceğine bakın. Ardından diğer bölümleri taşıyın.

Kendi geliştirme ortamınızdaki bileşenler

Resmî Library MCP, uyumlu bir AI editörünün gerçek Relume bileşenlerini alıp projeye eklemesini sağlar. Ayrı Publish MCP, site oluşturma ve yayınlamayla ilgilidir. Bunlar belgelenmiş programatik bağlantılardır; paneldeki her işleme evrensel REST erişimi vaadi değildir.

React bileşenlerini taşırken bağımlılıkları, stilleri ve kendi derleme gereksinimlerinize uygunluğu kontrol edin. Bileşen bulunması formun, ödemelerin veya kullanıcı panelinin çalıştığını kanıtlamaz. Harici entegrasyonlar ve sunucu işlevleri ayrıca uygulanıp kontrol edilmelidir.

Planlar ve görevin sınırları

Sınırlı kullanım içeren ücretsiz plan bulunur; ücretli teklifler oluşturma, dışa aktarma ve barındırma imkânları bakımından farklılık gösterir. Kendi alan adınızın ve yayımlanmış sitenin ayrı koşulları vardır. Projeyi tamamlamak için kullanacağınız yolu karşılaştırın.

Relume, özellikle pazarlama sitelerinin yapısı ve tekrarlanan bölümler için yararlıdır. Özel mantığa sahip karmaşık bir uygulama için, bileşen yaklaşımının temel görevi sınırlamadığını önceden kontrol edin. Yayımlamadan önce mobil sürümün, bağlantıların, içeriğin, erişilebilirliğin ve gerçek olay işleyicilerinin ayrıca kontrol edilmesi gerekir.

Hangi görevler uygun

  • Pazarlama sitesinin yapısını hazırlayın
  • Geliştirmeden önce sayfa iskeletlerinde uzlaşın
  • Bileşenleri Webflow, Figma veya React'e aktarın
  • Kütüphaneyi resmi MCP aracılığıyla kullanın
Özellikler

Güçlü yönler

  • Brief'ten yapıya ve bölümlere uzanan süreç
  • Ortak bileşen temeli
  • Çeşitli iletim ve yayın yolları
  • Belgelenmiş MCP bağlantıları
Dikkate alınması gerekenler

Sınırlamalar

  • Farklı araçlara dışa aktarma farklı özellikleri korur
  • React’e aktarım, stillerin ve bağımlılıkların kontrolünü gerektirir
  • Sunucu mantığı ve gerçek formlar ayrı ayrı kontrol edilir

Seçim ve koşullar

Ücretsiz kullanım
Evet
Deneme süresi
Doğrulanmadı
Kayıt gerektirmez
Doğrulanmadı
Rusça arayüz
Doğrulanmadı
Yerel kurulum
Doğrulanmadı
API
Doğrulanmadı

“Doğrulanmadı”, yeterli bilgi bulunmadığı anlamına gelir. Özellik mevcut olabilir; geliştiricinin koşullarını kontrol edin.

Girdi biçimleri
Metin, Belge
Sonuç
Site yapısı, Prototip, Kod, Site

Koşullar

Free, kullanımı sınırlar. Oluşturma, dışa aktarma ve barındırmanın ayrı koşulları vardır; programatik bağlantı MCP olarak açıklanır.

Görevden ilk sonuca

Uygulama örneği

Görev
Pazarlama sitesinin yapısını hazırlayın
Ne hazırlamalısınız?
Atölyenin, hizmetlerinin, hedef kitlesinin ve gelecekteki sitenin amacının kısa açıklaması. Şirketle ilgili tüm olgular sahibi tarafından sağlanır.

Görev veya istem

Küçük bir atölye sitesinin haritasını ve sayfa iskeletlerini önerin. Hizmetleri, çalışma sürecini ve sık sorulan soruların yanıtlarını ayırın. Yorum, fiyat, garanti veya ekiple ilgili bilgi uydurmayın. Hizmet seçiminden iletişime uzanan yolu gösterin.

Beklenen sonuç

Seçilen editörde veya desteklenen dışa aktarmayla çalışmaya devam etmek için taslak site yapısı ve sayfa iskeletleri.

Sonuç nasıl kontrol edilir

  • Her sayfa ayrı bir sorunu çözer ve bir sonrakini tekrar etmez.
  • Bileşenlerin, navigasyonun ve mobil düzenin bileşimini kontrol edin.
  • Hangi stillerin ve öğelerin gerçekten seçili dışa aktarma biçimine aktarıldığını kontrol edin.

Bu, görevin nasıl tanımlanabileceğini gösteren editoryal bir eğitim örneğidir; servisi bizzat test ederek elde edilmiş bir sonuç değildir. Gerekli modun kullanılabilirliğini, kaynak dosyalar üzerindeki hakları ve sonucun kullanım koşullarını kontrol edin.

Ayrıntıları kontrol et

Resmi kaynaklar

  1. Resmî Relume platformu
  2. Tarifeler ve yayın yolları
  3. React'e Aktar
  4. Design View kısıtlamaları
  5. Resmi MCP

Açıklama geliştiricinin materyallerine dayanmaktadır. Fırsatlar, fiyatlar ve kullanılabilirlik değişebilir; kullanımdan önce orijinal kaynağa bakın.