Svelte Google Auth Template

Bu proje, Svelte için geliştirilmiş bir Firebase Authentication şablonudur. Repoyu indirip yerel ortamda inceleyebilir ve ardından kendi projenize kolayca entegre edebilirsiniz.

📦 Kurulum

Öncelikle Node JS yüklü olduğudan emin olun.

# Depoyu klonlayın
git clone https://github.com/lizzardxrd/svelte-firebase-google-auth-template

# Deponun olduğu klasöre girin
cd svelte-firebase-google-auth-template

# Bağımlılıkları yükleyin
npm install

# Projeyi başlatın
npm run dev

📝 Ortam Değişkenleri (Environment Variables)

Proje kök dizinine .env.example dosyası açın ve ortam bazlı değişkenlerinizi buraya ekleyin:

VITE_FIREBASE_API_KEY=Your_API_Key_Here
VITE_FIREBASE_AUTH_DOMAIN=Your_Auth_Domain_Here
VITE_FIREBASE_PROJECT_ID=Your_Project_ID_Here
VITE_FIREBASE_APP_ID=Your_App_ID_Here

.env.example dosyasını düzenledikten sonra dosya adını .env olarak değiştirin.

🚀 Firebase Ayarları

Projeyi çalıştırabilmek için Firebase projenizden bazı bilgileri almanız gerekiyor. Bu bilgiler .env dosyasında saklanacak.

1 - Firebase Projesi Oluşturma

• Firebase Console sayfasına gidin.
• Yeni bir proje oluşturun veya mevcut bir projeyi seçin.

2 - Authentication’ı Açma

• Sol menüden Build seçeneğine basıp Authentication sekmesine gidin.
• Başlat veya Get Started butonuna tıklayın.
• Kullanıcı girişi yöntemlerini eklemek için Sign-in method (Giriş Yöntemi) sekmesine geçin.

3. Giriş Yöntemi Seçimi

• Projede Google olduğu için google seçin.
• Firebase sizden bir hesap istiycek ordan istediğiniz hesabı seçin.
• Üst menüden settings bölümğne gelip Authorized Domains bölümüne kendi domaininizi ekleyin.

4. Web Uygulaması Yapma

• Sol menüden Project Overview sekmesine gidin.
• Add App butanuna basın ve web app seçin.
• Firebase size bir firebaseConfig nesnesi vericek. Örnek:

# // Import the functions you need from the SDKs you need
 import { initializeApp } from "firebase/app";
 # // TODO: Add SDKs for Firebase products that you want to use
 # // https://firebase.google.com/docs/web/setup#available-libraries

 # // Your web app's Firebase configuration
 const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: ""
 };

# // Initialize Firebase
 const app = initializeApp(firebaseConfig);

Projeyi Test Etme

Firebaseden aldığınız bilgileri .env dosyasına yazdıktan sonra npm run dev diyerek projeyi test edebilirsiniz

📄 Lisans

MIT License - Ayrıntılar için LICENSE dosyasına bakın

🤝 Katkı

Katkı sağlamak isterseniz, lütfen:

1. Fork yapın
2. Feature branch oluşturun (git checkout -b feature/amazing-feature)
3. Commit yapın (git commit -m 'Add amazing feature')
4. Push yapın (git push origin feature/amazing-feature)
5. Pull Request açın

📞 Destek

Sorun veya önerileriniz için lütfen Issues sayfasını kullanın.

Made By lizzardxrd