Strudyb / mevn-boilerplate

⭐️ the most comprehensive mevn stack boilerplate. ⭐️ mongodb - express - vue 3 (admin dashboard) - nodejs - nuxt 3 (client) boilerplate (pinia, tiptap, slug, vuetify and vuexy and more...) 🎉

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

❤️ MEVN Stack Boilerplate

✨ Mongodb, ExpressJS, Vue 3, Node

This is a MEVN stack boilerplate that contains Mongodb, ExpressJS, Vue 3, NodeJS. Additionally, you can find Nuxt3, TipTap (Headless WYSIWYG Text Editor), Vuetify (A Material Design Framework for Vue.js), and Vuexy (Admin dashboard with Vue 3) in this repo. This repo aims to be most comprehensive mevn stack boilerplate. Thus, please do not hesitate to contribute to this repo with comments or PRs.

I have started to create this repo as an admin dashboard. Now, there is a client side for this repo with Nuxt 3.

Open Source ❤

 ☝️ .env file in the server folder

You should create a .env file in the server folder.

NODE_ENV = development
DB_URL = YourMongoDBURL
API_PREFIX = /api/v1.0.0/
AUTH_SECRET = YourSecretStringForAPILike-----KvKiA2mMjxGO25Diiibz
API_PORT = 3000

 ☝️ .env file in the admin folder

You should create a .env file in the admin folder.

VITE_API_ENDPOINT=http://localhost:3000/api/v1.0.0/

 ☝️ .env file in the client folder

You should create a .env file in the client folder.

NODE_ENV = development
DB_URL = YourMongoDBURL
API_PREFIX = /api/v1.0.0/
AUTH_SECRET = YourSecretStringForAPILike-----KvKiA2mMjxGO25Diiibz
API_PORT = 3001

🛠️ How?

  • cd server

  • yarn install

  • nodemon server.js

  • cd admin

  • yarn install

  • yarn dev

  • cd client

  • yarn install

  • yarn dev

How can run the server and UI together

yarn start

That's all. It will run these scripts => (cd server; yarn dev;) & (cd admin; yarn dev) & (cd client; yarn dev) parallelly.

How can I support?

⭐ Star my GitHub repo

🛠 Create pull requests, submit bugs, suggest new features or updates

📰 Blog Post

📷 Screenshots

MEVN Stack Boilerplate Admin Dashboard Vuetify Vuexy

MEVN Boilerplate Create Post

MEVN Stack Boilerplate Data Table

MEVN Stack Boilerplate Fetch Data From Express.js

MEVN Boilerplate MongoDB Express Vuetify Vue 3 Nuxt 3 Vuexy

MEVN Boilerplate TipTap Text Editor Vue 3

MEVN Stack Boilerplate Vue 3 Nuxt 3 Admin Dashboard

📷 Screenshots - Client

MEVN Stack Boilerplate - Client Nuxt 3

About

⭐️ the most comprehensive mevn stack boilerplate. ⭐️ mongodb - express - vue 3 (admin dashboard) - nodejs - nuxt 3 (client) boilerplate (pinia, tiptap, slug, vuetify and vuexy and more...) 🎉


Languages

Language:Vue 40.0%Language:JavaScript 37.4%Language:SCSS 20.3%Language:CSS 1.6%Language:HTML 0.6%