Day 60 of #100DaysOfCode — Deploying the Task App
Over the past two days, I built and styled a Task Manager app with Next.js, MongoDB, and Shadcn UI. Today was the final step: getting it live on Vercel. Why Vercel? Vercel is made by the same team ...

Source: DEV Community
Over the past two days, I built and styled a Task Manager app with Next.js, MongoDB, and Shadcn UI. Today was the final step: getting it live on Vercel. Why Vercel? Vercel is made by the same team behind Next.js, so deployment is essentially zero-config. No server setup, no CI/CD pipeline to configure, just connect your repo and push. Steps Followed 1. Push code to GitHub Make sure your project is in a GitHub repo before anything else. 2. Import the project on Vercel Go to vercel.com → New Project → Import your GitHub repo. Vercel auto-detects it's a Next.js app. 3. Add Environment Variables This is the most important step. Your .env.local file doesn't get pushed to GitHub, so you need to add your variables manually in Vercel: MONGODB_URI=your_mongodb_connection_string Go to: Project Settings → Environment Variables → add them there. 4. Deploy Hit deploy. That's it. Vercel builds and hosts it automatically. Every git push to your main branch triggers a new deployment going forward. Got