Yapay Zeka ile İş İlanı Panosu Nasıl Oluşturulur

Prompt yazmadan önce en küçük kullanışlı sürümü tanımlayın. Çoğu iş ilanı panosunun ilk gün karmaşık bir işveren paneline ihtiyacı yoktur.

Pratik bir ilk sürüm genellikle şunları içerir:

• arama ve öne çıkan roller içeren bir ana sayfa
• filtreli bir ilanlar sayfası
• bir iş detayı sayfası
• bir başvuru formu veya harici başvuru bağlantısı
• işverenlerden ücret almayı planlıyorsanız bir hakkımızda veya fiyatlandırma sayfası

Kullanıcıların kimler olacağına karar verin:

• ilanlara göz atan ve başvuran adaylar
• ileride self-servis ilan verme istiyorsanız işverenler
• gönderimleri incelemek istiyorsanız bir yönetici

Ardından her iş ilanı için verileri listeleyin. Yaygın alanlar şunlardır:

• iş unvanı
• şirket adı
• konum
• uzaktan veya ofisten çalışma durumu
• maaş aralığı
• istihdam türü
• kategori veya ekip
• açıklama
• başvuru URL’si veya başvuru formu
• yayınlanma tarihi

Yalnızca derlenmiş bir pano istiyorsanız, başlangıçta girişe ihtiyacınız olmayabilir. İşverenlerin işleri kendilerinin göndermesi gerekiyorsa, daha sonra Supabase ile veritabanı ve giriş ekleyin.

İlk promptunuz kısa bir teknik özellik dokümanı gibi okunmalıdır. Sayfalar, alanlar, düzen ve etkileşimler konusunda net olun. Moremade, sade bir dilde yazılmış açıklamayı canlı bir uygulama önizlemesine dönüştürür ve bunun için kaynak kodu yazar.

İyi bir ilk prompt şunları belirtir:

• sitenin türü
• gerekli sayfalar
• işler için veri alanları
• filtreler ve arama davranışı
• görsel stil
• birisi Başvur’a tıkladığında ne olacağı

Örnek prompt:

Teknoloji ve tasarım rolleri için bir iş ilanı panosu web sitesi oluşturun. Ana sayfa, iş ilanları listesi sayfası ve iş detayı sayfası olan sade ve temiz bir düzen kullanın. Her iş ilanı başlık, şirket, konum, uzaktan çalışma durumu, maaş aralığı, istihdam türü, kategori, yayınlanma tarihi ve kısa bir özet göstermeli. Anahtar kelimeye göre arama ve konum, kategori, uzaktan çalışma durumu ve istihdam türü için filtreler ekleyin. Detay sayfasına tam açıklama ve Başvur düğmesi ekleyin. Şimdilik Başvur’un harici bir bağlantı yerine bir başvuru formu sayfası açmasını sağlayın. Net tipografi ile mobil uyumlu kartlar ve formlar kullanın.

Moremade ilk sürümü oluşturduktan sonra onu bitmiş bir ürün değil, çalışan bir prototip gibi inceleyin. Sayfalar arasında dolaşın, boşlukları kontrol edin, filtreleri test edin ve iş bilgilerini taramanın kolay olup olmadığına bakın.

Tüm özeti baştan yazmak yerine küçük ve somut takip istekleri verin. Bu genellikle daha temiz iterasyonlar sağlar.

Üç örnek takip promptu:

• "İlanlar sayfasını masaüstünde solda filtreler ve sağda sonuçlar olacak şekilde iki sütunlu bir düzene çevirin. Mobilde filtreleri bir çekmece içinde tutun."
• "Her iş kartına Uzaktan, Tam zamanlı ve maaş aralığı etiketleri ekleyin; şirket adını ve yayınlanma tarihini başlığa göre daha az belirgin yapın."
• "İş detayı sayfasında Başvur düğmesini yukarı taşıyın, masaüstünde yapışkan bir özet paneli ekleyin ve konum, istihdam türü ve maaşı kompakt bir meta veri satırında gösterin."

Belirli bir öğe yanlış görünüyorsa, görsel denetleyiciyi kullanarak onu işaret edin ve değişikliği tarif edin. Uygulama ayrıntılarını doğrudan kontrol etmek veya ayarlamak istiyorsanız kod görünümünü kullanın.

Statik bir örnek pano tasarım ve yapı için yeterlidir, ancak gerçek bir pano genellikle saklanan iş ilanı verilerine ihtiyaç duyar. Moremade içinde Supabase, veritabanı, giriş ve dosya depolama için yerleşik seçenektir.

Şunlara ihtiyacınız varsa Supabase kullanın:

• işverenlerin iş ilanı göndermesi
• yöneticilerin ilanları incelemesi veya düzenlemesi
• adayların hesap oluşturması
• yüklenen logolar veya ekler

Mantıklı bir sonraki adım, bir jobs tablosu ve basit bir gönderim akışı istemektir. Örneğin Moremade’den Supabase’e bağlanmasını ve veritabanına yeni iş ilanları yazan bir form oluşturmasını isteyebilirsiniz.

İşverenler ilan vermek için ödeme yapmıyorsa ödeme eklemeniz gerekmez. Panonuz ücretsiz kullanılacaksa, şimdilik Stripe’ı atlayın.

Stripe’ı yalnızca ücretli ilan verme akışı istiyorsanız ekleyin, örneğin:

• işveren bir ilan planı seçer
• sizin belirlediğiniz fiyatla ödeme tamamlanır
• işveren ödeme sonrası bir gönderim formuna erişir

İlk sürümü basit tutun. Arama, filtreler ve güvenilir bir başvuru akışı, çoğu erken panoda hiç kullanılmayan hesap sistemlerinden daha önemlidir.

İş ilanı panoları çok fazla mobil trafik alır, bu yüzden küçük ekran deneyimini dikkatle kontrol edin. Masaüstünde iyi görünen bir düzen, filtreler, uzun başlıklar ve formlar alan için yarışınca mobilde kolayca bozulabilir.

Şu noktaları test edin:

• arama alanı ve filtre kontrolleri başparmakla kolay kullanılabiliyor mu
• kartlar fazla uzun veya görsel olarak gürültülü hale gelmiyor mu
• maaş, konum ve uzaktan çalışma durumu dar ekranlarda okunaklı mı
• Başvur düğmesi detay sayfasında belirgin mi
• başvuru formu kısa ve mobilde kullanılabilir mi

Bir şey sıkışık hissediliyorsa, belirli düzeltmeler isteyin. Örneğin:

• "Mobilde iş kartlarının dikey boşluğunu azaltın ve meta verileri iki kompakt satırda tutun."
• "Masaüstündeki filtre etiketlerini mobilde aşağıdan açılan bir filtre paneline dönüştürün."
• "Başvuru formunu tüm ekran boyutlarında tek sütun yapın ve dokunmatik kullanım için giriş alanlarının yüksekliğini artırın."

Boş durumları da test edin. Bir iş ilanı panosunun iyi bir sonuç yok mesajına ve net bir filtreleri sıfırla eylemine ihtiyacı vardır.

Pano çalıştığında yayınlayın. Moremade, ücretsiz yourname.moremade.ai alt alan adına tek tıkla yayınlayabilir. Bu, inceleme, dahili test veya erken lansman için kullanışlıdır.

Ücretli plandaysanız özel bir alan adı bağlayabilirsiniz. Alan adlarını Moremade içinde de satın alabilirsiniz.

Pratik bir yayın süreci şöyle görünür:

• Moremade alt alan adına yayınlayın
• canlı siteyi masaüstü ve мобilde test edin
• formları, bağlantıları ve sayfa yüklenmesini kontrol edin
• yapı oturduğunda özel alan adınızı bağlayın

Proje gerçek React + Tailwind kodu olduğu için, tam kaynak kodunu istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz. Bu, barındırmayı değiştirmek, kodu bir geliştiriciye teslim etmek veya projeyi daha sonra editör dışında genişletmek isterseniz önemlidir.

Sorunların çoğu, ilk geçişte fazla şey istemekten veya gerekli olmadan sistem eklemekten kaynaklanır.

Şu hatalara dikkat edin:

• Çok fazla kullanıcı türüyle başlamak. Adaylar, işverenler ve yöneticilerle aynı anda başlarsanız uygulama hızla karmaşıklaşır.
• Belirsiz promptlar. "Modern bir iş ilanı panosu oluşturun" yeterli değildir. Sayfaları, alanları ve eylemleri belirtin.
• Ödemeyi gereğinden fazla kurmak. Henüz kimse ödeme yapmıyorsa, ilan akışı doğrulanana kadar Stripe eklemeyin.
• İş verisi yapısını göz ardı etmek. Konum, istihdam türü ve kategori gibi alanlar tutarlı tanımlanmadıkça filtreler iyi çalışmaz.
• Mobil incelemeyi atlamak. Yoğun meta veriler ve filtre kontrolleri telefonlarda çoğu zaman kullanışsız hale gelir.
• Bir seferde fazla düzenleme yapmak. Küçük değişiklikleri doğrulamak, her iterasyonda tam bir yeniden tasarımdan daha kolaydır.

İlk lansman için netliği hedefleyin: iyi arama, yararlı filtreler, okunaklı detay sayfaları ve çalışan bir başvuru akışı.