Express + React + Node.js Template

by Poran Dip

A full-stack template connecting a React + Vite frontend with an Express + Node.js backend. Clone, install, and start building your project instantly.

---

⚡ Features

Modern setup for both frontend and backend, ready to go.

Frontend

• React – Component-based UI library
• TailwindCSS – Utility-first styling framework
• React Router v7 – Declarative routing
• Vite – Lightning-fast bundler

Backend

• Express – Simple, route-based backend library
• TypeScript – Type safety across frontend & backend
• Node.js – Reliable runtime for backend logic

---

⚙️ Setup

• Clone the repo

  git clone https://github.com/poran-dip/fullstack-template.git

• Install dependencies

  # Backend
  cd server
  npm install
  
  # Frontend
  cd client
  npm install

• Environment setup

  Copy .env.example in server/ → .env

  ⚠️ Never commit .env!

• Database (optional)

  Your app might not need a database — but if you want one, pick what fits best. Some popular options are:

  • MongoDB – classic MERN stack
  • Postgres – relational DB (works great with Prisma)

• Start development servers

  # Backend
  cd server
  npm run dev
  
  # Frontend
  cd client
  npm run dev

---

🎉 Happy Developing!

Efficiency is power. Build fast, build smart.

Follow me on GitHub for more projects