Deploying to Production

Learn how to deploy your Next.js Firebase app to your hosting provider.

Before deploying to production or any remote server, you need to follow all the steps outlined in the documentation.

Much of the work below needs to be done externally, not in the Makerkit codebase.

Generally, you will need to:

  1. Firebase: Create a new Firebase project (database, storage bucket, getting the private keys)
  2. Security Rules: Update the remote security rules (both Firestore and Storage)
  3. Environment Variables: Ensure that your environment variables are set correctly, and that you've added the relevant environment variables to your hosting provider
  4. Auth: Enable the authentication providers you want to use from the Firebase Console
  5. Indexes: Update all the Firestore indexes required by your application in the Firebase Console
  6. SMTP: Set up an SMTP server to send emails by adding the required configuration to src/configuration.ts
  7. Payments: Set up your Stripe or Lemon Squeezy accounts and add the relevant environment variables
  8. Deployment: Finally, deploy your application to your hosting provider (Vercel, Firebase, Netlify, etc.): please follow the instructions provided by your hosting provider to deploy a Next.js application.

Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS