⭐️ 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...) 🎉
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 ❤
server
folderYou 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
CLIENT_URL = http://localhost:3001/
NODEMAILER_HOST = YourMailServer
NODEMAILER_PORT = 465
NODEMAILER_SECURE = true
NODEMAILER_SENDERNAME = YourName
NODEMAILER_USER = YourMailAddress
NODEMAILER_PASS = YourPassword
admin
folderYou should create a .env file in the admin folder.
VITE_API_ENDPOINT=http://localhost:3000/api/v1.0.0/
VITE_API_DOMAIN=http://localhost:3000/
client
folderYou should create a .env file in the client
folder.
VITE_API_ENDPOINT=http://localhost:3000/api/v1.0.0/
VITE_API_ENDPOINTHOST=http://localhost:3000/
cd server
yarn install
nodemon server.js
cd admin
yarn install
yarn dev
cd client
yarn install
yarn dev
yarn start
That's all. It will run these scripts => (cd server; yarn dev;) & (cd admin; yarn dev) & (cd client; yarn dev)
parallelly.
⭐ Star my GitHub repo
🛠 Create pull requests, submit bugs, suggest new features or updates
https://github.com/mustafacagri/mevn-boilerplate/assets/7488394/aca14f0a-af96-4019-8be2-ad9d13f3e9d7
The video has been added on September 24, 2023