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 ...

By · · 1 min read
Day 60 of #100DaysOfCode — Deploying the Task App

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

Related Posts

Trending on ShareHub

  1. Understanding Modern JavaScript Frameworks in 2026
    by Alex Chen · Feb 12, 2026 · 0 likes
  2. The System Design Primer
    by Sarah Kim · Feb 12, 2026 · 0 likes
  3. Just shipped my first open-source project!
    by Alex Chen · Feb 12, 2026 · 0 likes
  4. OpenAI Blog
    by Sarah Kim · Feb 12, 2026 · 0 likes
  5. Building Accessible Web Applications: A Practical Guide
    by Alex Chen · Feb 12, 2026 · 0 likes
  6. Rapper Lil Poppa dead at 25, days after releasing new music
    Rapper Lil Poppa dead at 25, days after releasing new music
    by Anonymous User · Feb 19, 2026 · 0 likes
  7. write-for-us
    by Volt Raven · Mar 7, 2026 · 0 likes
  8. Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    by Anonymous User · Feb 12, 2026 · 0 likes
    #coffee gets cold #the #time travel
  9. Best DoorDash Promo Code Reddit Finds for Top Discounts
    Best DoorDash Promo Code Reddit Finds for Top Discounts
    by Anonymous User · Feb 12, 2026 · 0 likes
    #doordash #promo #reddit
  10. Premium SEO Services That Boost Rankings & Revenue | VirtualSEO.Expert
    by Anonymous User · Feb 12, 2026 · 0 likes
  11. NBC under fire for commentary about Team USA women's hockey team
    NBC under fire for commentary about Team USA women's hockey team
    by Anonymous User · Feb 18, 2026 · 0 likes
  12. Where to Watch The Nanny: Streaming and Online Viewing Options
    Where to Watch The Nanny: Streaming and Online Viewing Options
    by Anonymous User · Feb 12, 2026 · 0 likes
    #streaming #the nanny #where
  13. How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    by Anonymous User · Feb 12, 2026 · 0 likes
    #kindle unlimited #subscription #unlimited
  14. Russian skater facing backlash for comment about Amber Glenn
    Russian skater facing backlash for comment about Amber Glenn
    by Anonymous User · Feb 18, 2026 · 0 likes
  15. Google News
    Google News
    by Anonymous User · Feb 18, 2026 · 0 likes

Latest on ShareHub

Browse Topics

#ai (3768)#news (2297)#webdev (1616)#programming (1159)#business (1133)#opensource (945)#security (834)#/business (832)#productivity (832)#sa transcripts (721)

Around the Network