Docs
Guides
Deployment

Deployment

Best practices for deploying your Xtreme Creative project.

Deploying to Vercel

The easiest way to deploy your Next.js application is using the Vercel Platform from the creators of Next.js.

  1. Push your code to a git repository (GitHub, GitLab, or Bitbucket).
  2. Import your project into Vercel.
  3. Configure Environment Variables: Vercel will automatically detect that you are using Next.js. You only need to add your environment variables (from your .env file) in the deployment settings.
  4. Click Deploy.

Other Platforms

You can also deploy to any hosting provider that supports Node.js or Docker.

Docker

If you prefer containerization, you can create a Dockerfile for your application. Next.js provides a standalone output mode that is perfect for Docker builds.

next.config.js
module.exports = {
  output: 'standalone',
  // ... other config
}

Post-Deployment

  • Ensure your database is accessible from the production environment.
  • Update your OAuth callback URLs in your provider settings (e.g., Google Console) to match your production domain.
  • Set NEXTAUTH_URL to your production URL.