This stack is 🔥 because projects can be built and deployed for free until you get to higher tiers within Vercel/Firebase which only happens once you get lots of DAUs.

• Vercel for cloud and automated deployments
• Next.js for better React
• Firebase for auth and database (Firestore)
• Shadcn and Tailwind for UI/styling

Let me know if you have any questions! Godspeed.

1. Make sure your Firebase project has authentication added
2. Get your public Firebase config and paste it into pages\_app.tsx
3. npm i and npm run dev

The following is only needed if you want to use firebase/admin (not part of this project, yet)

1. Create a new file at the root level called .env.local
2. Define a new variable there called FIREBASE_ADMIN_SDK
3. Get your Firebase service account private key and stringify it then set the above variable to that string

   e.g.: FIREBASE_ADMIN_SDK={"type":"service_account","project_id":"sleeptoken",...}

• You can use api/test.ts to stringify your private key
• You need to define the same FIREBASE_ADMIN_SDK environment variable in Vercel

Created by ⬡ Enesien Software