• Blog
  • Documentation
  • Courses
  • Changelog
  • AI Starters
  • UI Kit
  • FAQ
  • Supamode
    New
  • Pricing

Launch your next SaaS in record time with Makerkit, a React SaaS Boilerplate for Next.js and Supabase.

Makerkit is a product of Makerkit Pte Ltd (registered in the Republic of Singapore)Company Registration No: 202407149CFor support or inquiries, please contact us

About
  • FAQ
  • Contact
  • Verify your Discord
  • Consultation
  • Open Source
  • Become an Affiliate
Product
  • Documentation
  • Blog
  • Changelog
  • UI Blocks
  • Figma UI Kit
  • AI SaaS Starters
License
  • Activate License
  • Upgrade License
  • Invite Member
Legal
  • Terms of License
    • Introduction
    • Initial Setup
    • Project Structure
    • Running the App
    • Project Configuration
    • Environment Variables
    • Authentication
    • Onboarding Flow
    • Development: adding custom features
    • Firestore: Data Fetching
    • Firestore: Data Writing
    • Forms
    • Application Pages
    • API Routes
    • API Routes Validation
    • Translations
    • Functions you need to know
    • Adding pages to the Marketing Site
    • Adding Blog Posts
    • Adding Documentation pages
    • Deploying to Production
    • Updating to the latest version

Deploying to Production | Next.js Firebase

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.