> ## Documentation Index
> Fetch the complete documentation index at: https://vibewax.be/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# İlk projenizi nasıl oluşturursunuz

> İlk web siteniz veya uygulamanız daha bugün hazır olabilir

Ne istediğinizi sade bir dille anlatırsınız, Vibewax de onu sizin için oluşturur. Bunu, anında çalışan çok yetenekli bir geliştiriciyle mesajlaşmak gibi düşünün.

## Başlamadan önce

Ayrıntılı bir plana ihtiyacınız yok. Ama nereden başlayacağınızdan emin değilseniz, ilk proje için harika seçenekler şunlar:

<CardGroup cols={2}>
  <Card title="Açılış sayfası" icon="browser">
    Basit, odaklı ve hızlı hazırlanır. Bir fikri test etmek için mükemmel.
  </Card>
  <Card title="Kişisel portfolyo" icon="user">
    Sizi, işlerinizi ve size nasıl ulaşılacağını anlatan birkaç sayfa.
  </Card>
  <Card title="Kurumsal web sitesi" icon="building">
    Ana sayfa, hakkımızda, hizmetler, iletişim. Sağlam bir başlangıç yapısı.
  </Card>
  <Card title="Şirket içi kontrol paneli" icon="table-columns">
    Ekibinizin görevleri takip etmesi veya verileri görüntülemesi için basit bir araç.
  </Card>
</CardGroup>

**Hazır bulundurmanız gerekenler:**

- Sitenizin ne hakkında olduğunu anlatan kısa bir açıklama (bir cümle yeterli)
- Varsa logonuz
- Marka renkleriniz veya görünümünü beğendiğiniz bir referans web sitesi

<Note>
  Fazla düşünmeyin. Her şey sonradan değiştirilebilir, bu yüzden ilk sürümünüzün kusursuz olması gerekmiyor.
</Note>

## İlk projenizi oluşturun

<Steps>
  <Step title="Vibewax'u açın ve yeni bir proje başlatın">
    İstem alanı ana ekranın tam ortasında yer alır.

    <img src="https://vibewax.be/docs/images/guides_first-project_01.png" alt="Starting New Chat" width="1500" height="1000" />
  </Step>
  <Step title="Ne oluşturmak istediğinizi anlatın">
    Aklınızdakini, bir arkadaşınıza anlatır gibi Vibewax'a anlatın. Hangi dilde yazarsanız yazın çalışır.

    Hazır materyalleriniz varsa (logo, marka kılavuzu, içerik içeren bir PDF) bunları hemen ekleyin. Vibewax baştan ne kadar çok bağlam alırsa ilk sonuç o kadar iyi olur.
  </Step>
  <Step title="Agent'ın işini bitirmesini bekleyin">
    Vibewax hemen oluşturmaya başlar. Netleştirilmesi gereken bir şey olursa yol boyunca bir iki soru sorabilir.

    İlk sürüm birkaç dakika sürebilir. Agent çalışırken güncellemeleri sohbette görürsünüz.

    <img src="https://vibewax.be/docs/images/guides_first-project_02.png" alt="Agent plan" width="1500" height="1000" />
  </Step>
  <Step title="Sonucu inceleyin">
    Sağdaki önizlemeye bakın. Düzeni, metinleri, görselleri ve genel havayı gözden geçirin. Sitenizin mobilde, tablette ve masaüstünde nasıl göründüğünü anında görmek için önizlemenin üzerindeki cihaz seçicisini kullanın.

    İlk denemede kusursuz olmayacak ve bu tamamen normal. Sohbette yeni mesajlar göndererek iyileştirmeye devam edin veya değişiklikleri doğrudan sayfa üzerinde hassas biçimde yapmak için <Tooltip headline="Görsel düzenlemeler" tip="Önizlemenizin üzerindeki araç çubuğuyla bir öğeyi doğrudan düzenleyin, metni yerinde yeniden yazın ya da neyi kastettiğinizi işaretleyin." cta="Görsel düzenlemeler hakkında bilgi edinin" href="/docs/tr/features/visual-edits">önizlemenizin üzerindeki araç çubuğunu</Tooltip> özelliğine geçin.

    <img src="https://vibewax.be/docs/images/guides_first-project_03.png" alt="Review result" width="1500" height="1000" />
  </Step>
</Steps>

## Vibewax ile nasıl konuşulur

Vibewax ile bir arkadaşınızla konuşur gibi konuşun. Komutlara veya teknik terimlere gerek yok. Sadece ne istediğinizi söyleyin.

Somut bir şeyle başlayın:

```
Dusk adlı kahve dükkanım için bir web sitesi yapmak istiyorum.
İstanbul'da küçük ve sıcak bir mekan. Nefis kahve, ev yapımı
tatlılar, hafta sonları canlı caz. Sıcak renkler, bol bol
yemek fotoğrafı olsun.
```

Sonra konuşmaya devam edin. Her mesaj, o ana kadar oluşturulanların üzerine ekler:

```
Havasını çok beğendiğim bir site buldum: https://example.com
Ana sayfa için benzer bir şey yapabilir miyiz?
```

```
Google Haritalar yorumlarının yerine bir fotoğraf galerisi koy.
```

```
Bir menü bölümü ekleyebilir misin? Tüm menü PDF olarak bende,
yükleyeceğim. Ürünleri ve fiyatları oradan çekebilir misin?
```

Vibewax, konuşma boyunca projenizin bağlamını eksiksiz tutar. Böylece o ana kadar neler oluşturduğunuzu asla gözden kaçırmaz.

### Birkaç ipucu

- **Daha iyi sonuçlar bağlamla başlar.** Bir referans site paylaşın, logonuzu yükleyin veya sitenin kimin için olduğunu anlatın. Vibewax ne kadar çok şey bilirse sonuç o kadar iyi olur.

- **Adımları değil, sonucu tarif edin.** Nasıl görünmesini veya nasıl bir his vermesini istediğinize odaklanın. Nasıl yapılacağını Vibewax çözer.

- **Her seferinde tek bir istek gönderin.** Odaklı mesajlar, uzun listelerden daha iyi sonuç verir. Aklınızda birkaç değişiklik varsa bunları tek tek gönderin, Vibewax sırayla halleder.

- **Oluşturmadan önce sorun.** Bir şeyin mümkün olup olmadığından emin değil misiniz? Sadece sorun. Vibewax, işe başlamadan önce sizinle seçenekleri gözden geçirebilir.

- **Yanlış olduğunu değil, neyin yanlış olduğunu söyleyin.** "Yazı tipi fazla resmi duruyor" Vibewax'a üzerinde çalışabileceği somut bir şey verir. "Tekrar dene" vermez.

## Bir şeyler ters gittiğinde

Bir şey doğru görünmüyor mu? Bu tamamen normal, özellikle de başlangıçta. Yapabilecekleriniz şunlar:

- **Agent'tan geri almasını isteyin.** Neyin değiştiğini anlatın ve geri alınmasını istediğinizi söyleyin. En iyi sonucu tek bir şey ters gittiğinde verir.
- **Önceki bir sürümü geri yükleyin.** Aynı anda birkaç şey bozulduysa geri yükleme, adım adım geri almaktan daha hızlıdır. Üst çubuktaki saat simgesinden **Sürüm geçmişi**'ni açın, istediğiniz sürümü önizleyin ve **Geri yükle**'ye tıklayın. Bkz. [Sürüm geçmişi](/docs/tr/chat/overview#sürüm-geçmişi).
- **Önceki bir istemi düzenleyin.** Daha eski herhangi bir mesaja dönüp onu düzenleyin. Vibewax projeyi o ana geri sarar ve güncellediğiniz isteme göre yeniden oluşturur.
- **Güvenli bir kopyadan başlayın.** Büyük değişiklikler yapmadan önce herhangi bir mesajın altındaki "Çoğalt" düğmesine tıklayın. Böylece her zaman dönebileceğiniz bir yedeğiniz olur.


This page is part of the [Vibewax documentation](https://vibewax.be/docs/tr/welcome/overview).