CodeWithKriti

Publishing your first project online is a milestone moment for any web developer — and I still remember how it felt when I deployed mine. I was excited, curious, and totally new to the idea of “going live.” In this post, I’ll walk you through how I deployed my very first website using Vercel, and share a simple step-by-step guide so you can do it too.


—

🧩 The Project: A Simple FAQ Page

My first deployed project was a Simple FAQ Page, built as part of a challenge on DevChallenges.io. The design was clean and minimal — and though it looked simple, it taught me so much. It was one of my first real moments of building something that looked good and worked well.


—

🌟 The Excitement of “Going Live”

Before this, I had never heard of website deployment. When I came across it during the challenge, I was instantly excited. The idea that I could put something I built on the internet — for real — blew my mind.


—

🔧 How I Deployed My Website Using Vercel

Here’s the exact process I followed to take my code from my computer to the internet using Vercel:

1. Upload Your Code to GitHub

First, I uploaded my project files to a new GitHub repository. It’s important to keep each project in its own separate repository — trust me, this helps avoid a lot of confusion later (more on this below).

2. Log in to Vercel

I went to Vercel.com and logged in using my GitHub account.

3. Import the Project

After logging in, I clicked the plus (+) icon to add a new project. Then I imported the GitHub repository that I had just created.

4. Click “Deploy”

That’s it. Seriously! After importing, I just hit “Deploy” — and within seconds, my website was live.

Vercel gave me a free link to my deployed site, and everything worked without any errors. No terminal commands, no build errors. Just smooth magic.


—

🖥️ What It Felt Like

Honestly? It felt great.
Seeing my work live in a browser — not just on my laptop, but on the internet — gave me a huge sense of accomplishment. I smiled to myself, realizing:

“I’m really doing this.”




—

💡 What I Learned

This experience gave me a boost of confidence in my web development journey. I learned that deployment isn’t scary — and in fact, it’s empowering. It made my learning feel real and reminded me that it’s okay to start small.


—

✅ My Quick Advice to You

If you’re planning to deploy your first website, here’s one tip:

Make sure to create a separate GitHub repository for each project.
This keeps things organized and ensures the deployment process stays smooth.



Also, don’t overthink it. Click, deploy, and celebrate.


—

🔚 Final Thoughts

Deploying your first project is not about perfection — it’s about progress. So pick one of your simple projects, push it to GitHub, and try Vercel (or GitHub Pages, or Netlify). It’s easier than you think, and it might just be the confidence boost you didn’t know you needed.