Deployment Guides

Complete guides for deploying your Modello products to production environments.

Deployment Overview

Modello offers different deployment options depending on your technical expertise and requirements. Choose the option that best fits your needs:

Self-Hosted

Deploy templates yourself on your preferred platform.

  • Full control over hosting
  • Custom domain configuration
  • Requires technical knowledge

Managed Hosting

We deploy and host complete applications for you.

  • No technical setup required
  • Professional deployment
  • Admin access provided

Full Service

Custom Next.js website development and deployment.

  • Template customization and rework
  • Professional deployment
  • Ongoing support available

Getting Your Product

After purchasing a template from Modello, you'll receive download access through our secure delivery system:

Download Process

  1. Complete your purchase through our secure LemonSqueezy checkout
  2. Check your email inbox for the download link (usually arrives within 5-10 minutes)
  3. Click the download link in the email to access your template files
  4. Download the ZIP file containing your template

Need Help with Downloads?

For detailed information about purchasing, downloading, and managing your templates, see our LemonSqueezy Guide. If you don't receive your download email, check your spam folder or contact support.

Self-Hosted Deployment

For self-hosted templates, you can deploy to various platforms. Here are the most popular options:

Vercel Deployment (Recommended)

Vercel offers excellent Next.js integration with automatic deployments:

Step 1: Prepare Your Repository

# Extract your template and navigate to the directory
unzip modello-template-name.zip
cd modello-template-name

# Initialize git repository
git init
git add .
git commit -m "Initial commit"

# Push to GitHub, GitLab, or Bitbucket
git remote add origin https://github.com/yourusername/your-repo.git
git push -u origin main

Step 2: Deploy to Vercel

  1. Visit vercel.com and sign up/login
  2. Click "New Project"
  3. Import your Git repository
  4. Configure environment variables (if needed)
  5. Click "Deploy"

Netlify Deployment

Netlify is another excellent option for static site generation:

Configure for Static Export

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  trailingSlash: true,
  images: {
    unoptimized: true
  }
}

export default nextConfig

Deploy to Netlify

  1. Visit netlify.com and sign up/login
  2. Click "New site from Git"
  3. Connect your Git repository
  4. Set build command: npm run build
  5. Set publish directory: out

Need Local Development?

If you want to set up a local development environment for your template, see our Local Setup guide for step-by-step installation and configuration instructions.

Managed Hosting

For customers who prefer a hands-off approach, we offer managed hosting services for complete applications.

Available Applications

Our managed hosting service includes various types of applications:

What's Included

  • Complete application deployment
  • Database setup and configuration
  • SSL certificate configuration
  • Admin dashboard access
  • Regular backups
  • Security updates
  • Performance monitoring
  • 24/7 uptime monitoring

Application Types

  • Community Forums
  • Support Ticket Systems
  • CRM Applications
  • Customer Portals
  • Knowledge Base Systems
  • Project Management Tools
  • Custom Web Applications
  • Database-driven Sites

Post-Purchase Process

Here's what happens after you purchase managed hosting:

Timeline

1

Purchase Confirmation (Immediate)

You'll receive a purchase confirmation email with next steps

2

Deployment Begins (Within 24 hours)

Our team starts deploying your chosen application

3

Application Ready (24-48 hours)

Your application is live and ready for use

4

Admin Access Provided

You receive application URL and admin credentials via email

What You'll Receive

  • Application URL and admin login credentials
  • Admin dashboard walkthrough guide
  • Customization instructions
  • Support contact information
  • Backup and maintenance schedule

Full Service Development

We provide comprehensive template customization services, transforming existing designs to match your exact requirements. Custom development solutions are also available for unique project needs.

Development Process

  • Requirements gathering and planning
  • Template customization and rework
  • Custom design and development
  • Next.js + Tailwind CSS implementation
  • Testing and quality assurance
  • Professional deployment

What's Included

  • Template rework and customization
  • Custom Next.js website development
  • Responsive Tailwind CSS styling
  • Professional hosting setup
  • SSL certificate configuration
  • Performance optimization
  • SEO optimization

Deployment Checklist

Use this checklist to ensure a successful deployment:

Pre-Deployment

  • Download and extract template files
  • Upload to Git repository
  • Configure environment variables
  • Test build process locally (optional)
  • Choose hosting platform

Post-Deployment

  • Verify site loads correctly
  • Test all major functionality
  • Check responsive design
  • Configure custom domain (if applicable)
  • Set up analytics and monitoring

Deployment Complete!

Congratulations! Your Modello product is now live. Don't forget to monitor performance and set up analytics to track your site's success.