Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Time:2022-1-4

I didn’t want to push. I saw a project on GitHub. It’s very simple. There are 300 stars. Push and see.
Although this project is very simple, it is also very interesting. It can be used to get started with vue2, nodejs and mongodb.
After finishing the company’s work these days, strengthen the vuex part.

Simple pseudo full stack blog based on vue2 / vuex / Vue router / koa2 / mongodb (relying on Vue cli scaffold)
Vue2 + koa2 + mongodb build a simple pseudo full stack blog
Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Vue2 + koa2 + mongodb build a simple pseudo full stack blog

A simple fullstack blog

FrontEnd Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

BackEnd Build Setup

# open mongodb port 27017
mongod

# build data model in mongodb
node ./server/db-data.js

# get and splice complete data to frontend
node ./server/koa-midware.js

Blog technology stack

  • front end

    • element-ui
    • vuex
    • vue-router
    • axios
  • middleware

    • koa
  • back-end

    • mongodb

Completed list

  • Particle animation
  • Directory drill down
  • Article archiving
  • Tag statistics
  • Markdown parsing

Incomplete list

  • UI interface optimization
  • Routing transition function
  • Vuex management optimization
  • Dynamic storage of MD information
  • Article details support pictures
  • Comment function
  • Comment management
  • Sharing function
  • Browse statistics

Project address:https://github.com/FrankKai/s…

I look forward to communicating with you and making progress together. Welcome to join the technical discussion group closely related to front-end development I created:

Vue2 + koa2 + mongodb build a simple pseudo full stack blog

Strive to be an excellent front-end engineer!

Recommended Today

Crash tracking journey of IOS development (I)

Preface: Recently, I encountered a crash blood disaster caused by crash in daily development. In a release in early May, the crash rate of the app developed by the author was directly increased from one thousand to nearly two thousand. At that time, the project leader just needed to report the relevant situation of project […]