Skip to main content

​
Standard Operating Procedure (SOP) for Managing Website Deployments using Vercel

​
Overview

This SOP provides detailed steps for accessing, monitoring, and managing website deployments using Vercel. The platform allows seamless integration with GitHub for managing deployments of websites such as Salawat Site, Manifest Mercy, and Salawat Dashboard.

​
Scope

This SOP applies to administrators and developers responsible for monitoring website performance, updating code, and managing domains and resources on Vercel.

​
Responsibilities

  • Administrators: Monitor website performance and resolve issues using Vercel’s tools.
  • Developers: Update code in linked GitHub repositories to ensure smooth deployments.

​
Requirements

  • Access to Vercel.
  • GitHub credentials associated with [email protected].
  • Administrative access to linked repositories and domains.

​
Process

​
1. Accessing Vercel

  1. Navigate to Vercel.
  2. Click Login on the homepage.
  3. Select Continue with GitHub.
  4. Log in using the GitHub credentials ([email protected]).

​
2. Navigating the Vercel Dashboard

  1. After logging in, you will arrive at the Vercel homepage displaying a list of deployments:
    • Salawat Site
    • Salawat Dashboard
    • Manifest Mercy
  2. Each deployment represents a website hosted and managed via Vercel.

​
3. Monitoring Resource Usage

  1. Click on the Usage tab to view resource utilization for your websites:
    • Check if websites are using allocated resources efficiently.
    • If usage exceeds limits, consider upgrading your plan for additional resources.
  2. Look for the blue indicator to confirm optimal performance.
  3. Scroll down to view detailed technical statistics for troubleshooting performance issues.

​
4. Managing Individual Websites

  1. Select a website (e.g., Salawat Site) from the list of deployments.
  2. Key features:
    • Deployments Tab:
      • Review the latest code updates.
      • Identify any issues with deployments (e.g., red indicators for errors).
    • Projects Tab:
      • Access the associated GitHub repository by clicking the Repository button.
    • Domains Tab:
      • View and manage associated domains.
      • Add new domains for redirects or to expand website reach.
    • Logs Tab:
      • Monitor real-time logs for live updates and error messages.

​
5. Monitoring and Troubleshooting

  1. Use the Logs Tab:
    • Review real-time messages to identify website errors.
    • Monitor user interactions and site performance.
  2. Check the Deployments Tab:
    • Ensure the latest code updates are successful.
    • Resolve deployment issues by revisiting the linked GitHub repository.

​
6. Advanced Features

  1. Additional capabilities such as enhanced analytics and performance monitoring are available on paid plans.
  2. To access these features:
    • Upgrade your Vercel account to a higher plan.
    • Unlock tools to consolidate management within the platform.

​
7. Best Practices

  • Linking Code:
    • Ensure GitHub repositories are correctly linked to Vercel for seamless deployments.
  • Domain Management:
    • Regularly update domains for accurate redirections.
  • Resource Monitoring:
    • Monitor resource usage frequently to prevent performance bottlenecks.
  • Backup and Testing:
    • Test all code changes in GitHub before deploying to production.

​
References