https://github.com/asadsahi/vuenode-fullstack
Vue.Js & Node fullstack Single Page Application with Relational databases as backend using Sequelize. Live Demo:
https://github.com/asadsahi/vuenode-fullstack
animations express fullstack jwt nodejs pwa sequelize ssr vuejs
Last synced: 2 months ago
JSON representation
Vue.Js & Node fullstack Single Page Application with Relational databases as backend using Sequelize. Live Demo:
- Host: GitHub
- URL: https://github.com/asadsahi/vuenode-fullstack
- Owner: asadsahi
- License: mit
- Created: 2018-02-15T18:11:47.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-09-04T00:53:28.000Z (over 4 years ago)
- Last Synced: 2025-03-18T13:32:32.562Z (2 months ago)
- Topics: animations, express, fullstack, jwt, nodejs, pwa, sequelize, ssr, vuejs
- Language: JavaScript
- Homepage: https://vuenode-fullstack.herokuapp.com/
- Size: 783 KB
- Stars: 40
- Watchers: 5
- Forks: 17
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Node Fullstack
Fullstack application built using Vue and NodeJs with server side rendering.
## Features
- Full features SPA + PWA with SSR
- Frontend (Vue)
- Backend (Express)
- ORM (Sequelize)
- DB (All databases supported by sequelize e.g MySql, MSSql, Sqlite, PostgreSQL)
- Login & Registration features
- JWT based authentication
- Server Side Rendering
- Vue + vue-router + vuex working together
- Server-side data pre-fetching
- Client-side state & DOM hydration
- Automatically inlines CSS used by rendered components only
- Preload / prefetch resource hints
- Route-level code splitting
- Progressive Web App
- App manifest
- Service worker
- 100/100 Lighthouse score
- Single-file Vue Components
- Hot-reload in development
- CSS extraction for production
- Animation
- Effects when switching route views
- Unit testing
- Using [Jest](https://facebook.github.io/jest/)
- E2E testing
- Using [Testcafe](https://devexpress.github.io/testcafe/)
- Examples
- Read to roll examples for any project
## Architecture Overview
**A detailed Vue SSR guide can be found [here](https://ssr.vuejs.org).**
## Build Setup
**Requires Node.js 8+**
``` bash
# install dependencies
npm install # or yarn
# serve in dev mode, with hot reload at localhost:3000
npm run dev # or yarn dev
# build for production
npm run build:prod # or yarn build:prod
# serve in production mode
npm start # or yarn start
# serve through ngrok tunnel
# Details: (this gives an external url to browse from internet for the purpose of testing while developing locally without deploying to server)
## Dev
npm run dev:tunnel # or yarn dev:tunnel
## Prod
npm run prod:tunnel # or yarn prod:tunnel
# run unit tests
## single run
npm test # or yarn test
## watch mode
npm run test:watch # or yarn test:watch
# end-to-end tests
# start server
npm run dev # or yarn dev
## single run
npm run e2e # or yarn e2e
## watch mode
npm run e2e:watch # or yarn e2e:watch
```
## Credist
Kudos to [vue-hackernews-2.0](https://github.com/vuejs/vue-hackernews-2.0) on which this project is based on.
## License
MIT