This content originally appeared on DEV Community and was authored by Md Sana ullah
Step 1:
- Create a GitHub Repository
- Go to GitHub and log in to your account.
- Click on the New Repository button.
- Provide a name for your repository, add a description, and set it to Public or Private.
- Click Create Repository.
***Step 2:* Push Your Project to GitHub**
Open your project folder in your terminal.
Initialize a Git repository and push your project:
bash
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin <your-repo-url>
git push -u origin main
**
Step 3: **Log in to Vercel
Go
- to Vercel and sign in using your GitHub account.
- Authorize Vercel to access your GitHub repositories.
Step 4: Import Your GitHub Repository
- After logging in, click on the New Project button
- Select Import Git Repository and pick your repository from the list.
- Click Import.
Step 5: Configure Your Project
- Review the configuration settings, such as:
- Framework Preset: Vercel detects your framework automatically (e.g., React, Next.js, or Vue.js). If it doesn’t, select it manually.
- Build Command: Set your build command (e.g., npm run build).
- Output Directory: Specify the folder where your built files will be stored (e.g., dist or build).
- Click Deploy.
Step 6: Wait for Deployment
- Vercel will start deploying your project.
- Once the deployment is complete, you will see a live link to your project.
Step 7: Update Your Project
Make changes to your code locally.
Push the updates to your GitHub repository:
git add .
git commit -m "Update project"
git push origin main
- Vercel will automatically rebuild and deploy the updated version
Step 8: Access Your Project
- Go to your Vercel Dashboard.
- Click on your project to view details.
- Use the provided Live URL to access your project online.
Congratulations! Your project is now live on Vercel. 🎉
This content originally appeared on DEV Community and was authored by Md Sana ullah
Md Sana ullah | Sciencx (2025-01-10T17:58:10+00:00) How to Host a Project on Vercel Using a GitHub Repository. Retrieved from https://www.scien.cx/2025/01/10/how-to-host-a-project-on-vercel-using-a-github-repository/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.