██FR█████ █INTELL███████████

Deploy Your Web Application on Vercel Quickly


This content originally appeared on DEV Community and was authored by Mohammad Shahzeb Alam

🚀 Deploy Your Web Application on Vercel Quickly

If you’ve just built your first project with React, Next.js, or even plain HTML/CSS/JS, the next exciting step is getting it live on the internet. That’s where Vercel comes in. It’s one of the easiest and fastest platforms to deploy web apps no complicated setup, no extra servers, and free hosting for hobby projects.

Step 1

  • Go to vercel.com

  • Create a Account On Vercel

  • Sign Up With your Github Account and Intergrate With it

Step 2

  • Push your Code to The Github If you Have’nt

  • If you Have’nt Pushed the Code to Github Then Copy These Commands and Push your Project

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/your-username/project-name.git
git push -u origin main

It Will Show you Like These In your Github Repo According to your Project

Step 3

  • Now Go to The vercel.com Website

  • Go to your Dashboard

  • on Vercel Dashboard, Click New Project

  • Now Choose your Github Repo

  • Vercel Will Auto-Detect your FrameWork you have Used in your Project

  • Now Click On Deploy

Step 4

  • Within a Seconds, Verel Will Deploy your Project

  • You will get a URL of your App like These

  • You can Also Choose your own Custom Domain if you Want

https://your-app.vercel.app

🎉 Congratulations! Your project is now live.

Why Vercel ▲

  • Free Hosting With SSL

  • Automatic Deployement From Github

  • Perfect For Frontend Apps, React, Next.JS

✅ And that’s it you’ve deployed your app on Vercel in just a few clicks

Thanks For Reading My Article ❤ and Also Share Your Thoughts in The Comments ☺


This content originally appeared on DEV Community and was authored by Mohammad Shahzeb Alam