Geliştirme Kurulumu

Firebase Kurulum Kılavuzu

Yerel geliştirme için Firebase'i kurmak için bu 10 adımı izleyin. Başlangıç dostu — önceki deneyime gerek yok.

1

Google Hesabı Oluşturun

Firebase bir Google ürünüdür, bu nedenle bir Google hesabına ihtiyacınız var. Zaten bir Gmail hesabınız varsa, bu adımı atlayın.

accounts.google.com
Şuraya git: accounts.google.com/signup
Adınızı doldurun ve bir kullanıcı adı oluşturun
Bir şifre ayarlayın ve telefonunuzu doğrulayın
Bitti! Artık Google hesabınız var
2

Firebase Projesi Oluşturun

Firebase Konsoluna gidin ve yerel geliştirme ortamınız için yeni bir proje oluşturun.

console.firebase.google.com
Şuraya git: console.firebase.google.com
"Proje oluştur" veya "Proje ekle"ye tıklayın
Proje adını girin (örn. XipSoft-dev)
Google Analytics'i etkinleştirin veya atlayın
"Proje oluştur"a tıklayın ve ~30 saniye bekleyin
3

Web Uygulaması Kaydedin

Firebase projenizin içinde, kimlik bilgileri almak için bir web uygulaması kaydedin.

firebase-console
Proje Özeti'nde, Web simgesine tıklayın
Bir uygulama takma adı girin (örn. XipSoft-web)
Firebase Barındırmasını atla (işaretini kaldır)
"Uygulamayı Kaydet"e tıklayın
4

Firebase Yapılandırmasını Kopyala

Kaydolduktan sonra, Firebase yapılandırma değerlerinizi gösterir. Bunları kopyalayın — bunlara .env.local dosyanız için ihtiyacınız olacak.

firebaseConfig
apiKey: "AIzaSy..."
authDomain: "your-project.firebaseapp.com"
projectId: "your-project-id"
storageBucket: "your-project.firebasestorage.app"
messagingSenderId: "123456789"
appId: "1:123456789:web:abc123"
Bunları istediği zaman şurada bulabilirsiniz: Proje Ayarları → Genel → Uygulamalarınız
5

Google Kimlik Doğrulamasını Etkinleştirin

Kullanıcıların platforma giriş yapabilmesi için Google oturum açmayı ayarlayın.

authentication
Kenar Çubuğu → Derleme → Kimlik Doğrulama → Başla
"Oturum Açma Yöntemi" sekmesine tıklayın
"Google" → Değiştir → Kaydet'e tıklayın
Proje adınızı ve destek e-postanızı ayarlayın
6

Firestore Veritabanı Oluşturun

Firestore blog yazılarını, iş listelerini ve kullanıcı verilerini depolar.

firestore
Kenar Çubuğu → Derleme → Firestore Veritabanı
"Veritabanı Oluştur"a tıklayın
Konumu seçin (XipSoft için asia-southeast1)
Geliştirme için "Test modu"yla başlayın
"Oluştur"a tıklayın
7

Firebase Depolaması Oluşturun

Depolama, blog kapak fotoğrafları ve kullanıcı avatarları için görüntü yüklemelerini işler.

storage
Kenar Çubuğu → Derleme → Depolama
"Başla"ya tıklayın
Geliştirme için "Test modu"yla başlayın
"Bitti"ye tıklayın
8

Projeyi Klonla ve Kurun

XipSoft deposunu klonlayın ve Bun kullanarak bağımlılıkları kurun. Kodları zaten klonladıysanız, sadece bun install çalıştırın ve sonraki adıma geçin.

terminal
$git clone https://github.com/xipsoft/xipsoft.github.io.git
$cd xipsoft.github.io
$bun install
9

Ortam Değişkenlerini Ayarlayın

.env.local dosyanızı oluşturun ve Firebase yapılandırma değerlerini 4. adımdan yapıştırın.

.env.local
$cp .env.example .env.local
# Ardından .env.local dosyasını Firebase değerleriyle düzenleyin:
NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-project.firebaseapp.com
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-project.firebasestorage.app
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=123456789
NEXT_PUBLIC_FIREBASE_APP_ID=1:123456789:web:abc123
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=G-XXXXXXXXXX
10

Dev Sunucusunu Çalıştırın

Geliştirme sunucusunu başlatın ve uygulamayı tarayıcınızda açın.

terminal
$bun dev
▲ Next.js 16.1.6
- Local: http://localhost:3000
✓ Ready!
Kurulum Tamamlandı!
10/10 steps complete —Firebase ready!

Kurulum Tamamlandı!

Firebase ile yerel olarak geliştirmeye hazırsınız. Google ile giriş yapın, blog yazıları oluşturun ve iş listelerini test edin.

Nasıl Yapılır Kılavuzunu İzleDev Sunucusunu Aç