sahilrajput.com

Learn Vercel Deployment

Quick Links:

• Learn Deployment: Click here
• Learn Heroku Depoyment: Click here
• VERCEL DOCS:
  • ❤️ ❤️ ❤️ Wildcard Subdomian Usage:
    • Docs - Domains per project Limits: Click here
      • tldr: 50 for hobby and unlimited domains per project in Pro Plan (20$/month)
    • ❤️ Docs - Introducing Wildcard Domains: Click here
    • ❤️ Docs - Can I use wildcard domains without switching to Vercel Nameservers?: Click here
    • ❤️ Docs - How can I serve multiple projects under a single domain?: Click here
  • Platforms Starter Kit (✅Ready to deploy): Click here
    • Search for keywords - Multi-tenancy, multi-tenant application in above page.
    • Official Blogs:
      • Vercel - Blog Customers: Super serves thousands of domains from a single codebase with Next.js and Vercel: Click here
      • Vercel - Blog Customers: How Vercel helps mmm.page manage over 30,000 sites: Click here

TODO: Deploy ExpressJs Application with Vercel

• Using Express.js with Vercel

  Docs: Click here

• Google Search (very helpful): Click here

open terminal in vercel running instance

https://github.com/vercel/vercel/discussions/5188

Route all paths to index.html page for a vite application by updating vercel.json file

Source: Click here

File: vercel.json

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

Vercel recommends pusher.com for deployment of realtime apps(i.e, requiring websockets (socket.io)

Source: A comment on this stackoverflow answer

https://vercel.com/guides/deploying-pusher-channels-with-vercel

Direct domain to vercel hosting

NS1.VERCEL-DNS.COM
NS2.VERCEL-DNS.COM

we can change the connected git repository of in a vercel project

You need to first disconnect the connected repo and then you need to connect another git repo there, its very simply. Vercel is amazing.

vercel uses yarn by default

So to use npm instead of yarn you can specify the build and run command like that:

Nested vitejs folder deployment commadns to be used

Way1:

Way2:

• Github Project: react-google-oauth