> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yuvrajverma.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Vercel

**Vercel** is the easiest and fastest way to deploy Next.js applications. It's made by the creators of Next.js and offers:

* Free hosting for unlimited sites
* Automatic HTTPS/SSL
* Global CDN
* Automatic deployments from Git
* Zero configuration required

## **Deployment Steps**

<Steps>
  <Step title="Push to Github">
    First, push your code to GitHub:

    ```git-commit theme={null}
    # Initialize git (if not already done)
    git init

    # Add all files
    git add .

    # Commit
    git commit -m "Initial commit"

    # Add your GitHub repository
    git remote add origin https://github.com/yourusername/your-site.git

    # Push
    git push -u origin main
    ```
  </Step>

  <Step title="Import to Vercel">
    <Steps>
      <Step title="Visit vercel.com" />

      <Step title="Click &#x22;New Project&#x22;" />

      <Step title="Click Import Git Repository" />

      <Step title="Select your Github Repository" />

      <Step title="Click Import" />
    </Steps>
  </Step>

  <Step title="Configure">
    Vercel auto-detects Next.js settings. You can optionally set:

    **Framework Preset:** Next.js (auto-detected)

    **Build Command:** `npm run build` (auto-set)

    **Output Directory:** `.next` (auto-set)
  </Step>

  <Step title="Deploy">
    Click **"Deploy"**

    Your site will be live in \~2 minutes at:

    ```
    https://your-site.vercel.app
    ```
  </Step>

  <Step title="Add Custom Domain (Optional)">
    1. Go to your project settings.
    2. Click "Domains"
    3. Add your domain (e.g., yoursite.com)
    4. Update your DNS records as instructed
    5. Done! SSL is automatic
  </Step>

  <Step title="" />
</Steps>