Firebase gives this site real user accounts, listing storage, and lead messages — free on the Spark plan.
1
Go to console.firebase.google.com → Add project → name it coastal-bend-fsbo → disable Google Analytics → Create.
2
Authentication → Get Started → Email/Password → Enable → Save.
3
Firestore Database → Create database → Production mode → us-central1 → Done.
4
Firestore → Rules tab → paste the security rules from the code comment in each file's <script> → Publish.
5
Project Settings (gear icon) → Your apps → </> Web → register app → copy the firebaseConfig object.
6
Open all 3 HTML files → find FIREBASE_CONFIG near the top of each <script> → replace every placeholder with your real values.
7
Re-upload all 3 files to Netlify → real accounts are live.
const FIREBASE_CONFIG = {
apiKey: "AIzaSyAEnEg7YHuUhYph2j3ecQO3Nq5zt82xKbI",
authDomain: "coastal-bend-fsbo.firebaseapp.com",
projectId: "coastal-bend-fsbo",
storageBucket: "coastal-bend-fsbo.firebasestorage.app",
messagingSenderId: "1068409745834",
appId: "1:1068409745834:web:5d42e5a15488405154bbd3"
};