git clone [email protected]:neiwad/svelte-tailwind-firebase.git

pnpm install

pnpm run dev

At this point you will have a Firebase error saying that credentials are missing. It's ok, in the next step we will create a Firebase project.

Firebase Console

Just follow steps, you can disable Google Analytics as we don't need it.

On the overview page, you will see an iOs, an Android and a Web buttons just under the title.

• Click on the web button.
• Name your application as you want.
• Don't need to check Hosting.
• Then you will see your credentials like that

const firebaseConfig = {
  apiKey: ******,
  authDomain: ******,
  projectId: ******,
  storageBucket: ******,
  messagingSenderId: ******,
  appId: ******,
};

Inside your root folder, create a .env file and then add your credentials like that:

VITE_FB_AUTH_DOMAIN = ******
VITE_FB_PROJECT_ID = ******
VITE_FB_STORAGE_BUCKET = ******
VITE_FB_MESSAGING_SENDER_ID = ******
VITE_FB_APP_ID = ******

Some times Vite auto-reload dev server with new .env file, but you can just kill your dev server and then re do

pnpm run dev

If you deploy this app on a web server, as vercel or netflix or whatever, you need to do an extra step for the Google oAuth to works.

Go to Firebase Google oAuth Settings

Then Allowed Domains and add your web app's domain.

In order to makes the web app to works on a Vercel environment, I have to add a vercel.json inside the root folder. You can remove it if you don't use Vercel.

If you have some questions, you can contact me at [email protected].

If you want to improve this starter, feel free to create a PR

If you have issues, feel free to create an issue