For Programmers, By Programmers.

MERN Stack in Vercel

Deploy a MERN Stack to Vercel.

Youtube Video: Link

Instant Deploy to Vercel:

📚 Stack:

• Vercel - Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web.
• React - The library for web and native user interfaces.
• Vite - Next Generation Frontend Tooling.
• Express - Fast, opinionated, minimalist web framework for Node.js.

📸 Screenshots:

• Frontend:

• Backend:

📁 Project structure:

$PROJECT_ROOT
│  
├── api/  # Express Backend
│  
├── client/  # React app
│
├── vercel.json # vercel json file

🏆Getting Started:

• Clone repository

mkdir ~/Dev/mern-react -p
cd ~/Dev/mern-react
git clone https://github.com/codingforinnovations/mern-vercel.git .

• Start Express Js:

cd ~/Dev/mern-react/api
npm i
npm run dev

• Start React app:

cd ~/Dev/mern-react/client/
npm i
npm run dev

Open localhost:8000/api/hello in your browser for api!

Open localhost:3000 in your browser for client

🎫 LICENSE:

MIT LICENSE

🆕 Change Log:

Change Log

Other places you can find us: