All Projects → rlindskog → Vueniverse

rlindskog / Vueniverse

Licence: mit
Full stack, user based, PWA, Vue template.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vueniverse

isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-94.4%)
Mutual labels:  isomorphic, code-splitting, webpack2
V2 Universal Js Hmr Ssr React Redux
⚡ (V2) Universal JS - Server Side Rendering, Code Splitting and Hot Module Reloading ⚡
Stars: ✭ 147 (-56.64%)
Mutual labels:  webpack2, code-splitting, hot-reload
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-87.02%)
Mutual labels:  isomorphic, code-splitting, universal-app
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+30.68%)
Mutual labels:  webpack, webpack2, code-splitting
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-58.41%)
Mutual labels:  webpack, isomorphic, universal-app
Webpack2
基于webpack2和vue.js2构建饿了么多页面应用 🌹
Stars: ✭ 165 (-51.33%)
Mutual labels:  webpack, webpack2, vuejs2
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-87.02%)
Mutual labels:  isomorphic, code-splitting, universal-app
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+164.31%)
Mutual labels:  webpack, webpack2, vuejs2
Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (-64.01%)
Mutual labels:  webpack, webpack2, hot-reload
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-56.64%)
Mutual labels:  webpack, webpack2, isomorphic
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-51.33%)
Mutual labels:  webpack, code-splitting, hot-reload
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✭ 30 (-91.15%)
Mutual labels:  isomorphic, hot-reload
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-24.48%)
Mutual labels:  webpack, vuejs2
kaonjs
Kaon.js is a react isomorphic app solution. It contains webpack build, hot reloading, code splitting and server side rendering.
Stars: ✭ 21 (-93.81%)
Mutual labels:  isomorphic, code-splitting
Cadence Web
Web UI for visualizing workflows on Cadence
Stars: ✭ 261 (-23.01%)
Mutual labels:  webpack, vuejs2
Tui
This is a high quanlity components library for VUE
Stars: ✭ 258 (-23.89%)
Mutual labels:  webpack, vuejs2
Twreporter React
twreporter site with nodejs
Stars: ✭ 263 (-22.42%)
Mutual labels:  webpack, code-splitting
Isomorphic Webpack
Abstracts universal consumption of application code base using webpack.
Stars: ✭ 294 (-13.27%)
Mutual labels:  webpack, isomorphic
Hyper React
The project has moved to Hyperstack!!
Stars: ✭ 295 (-12.98%)
Mutual labels:  webpack, isomorphic
react-webpack2-skeleton
Get started with React with Webpack2, React-Router, Redux, Code Splitting and Server Rendering
Stars: ✭ 59 (-82.6%)
Mutual labels:  code-splitting, webpack2

Welcome to Vueniverse!

Vueniverse is a full-stack JavaScript starter project. Some of the features that comes baked in include:
  • PWA by default, 100/100 lighthouse PWA score.
  • Universal es2015 JavaScript. No more context switching between client/server code!
  • A REST API, and full user authentication with JWT, Redis blacklisting, and MongoDB.
  • Client Side routing, Server Side Rendering and Global State Management thanks to Vuejs and Nuxtjs!
  • Abstracted WebPack build process.
  • Universal HMR for a clean development process, thanks to Nuxtjs and BackPack.
  • Ready for deployment with NOW

Live Demo It might take a while to load if it's asleep.

You must have vue-cli installed.

npm install -g vue-cli

Create Project

vue init rlindskog/vueniverse {{ your-project-name }}
cd {{ your-project-name }}
npm install

Start a MongoDB database locally

npm run start-db

Stop the MongoDB database locally

npm run stop-db

Run in development

npm run dev

Build for production

npm run build

Run in production (runs the database and application in a subprocess)

npm run start

Stop production running (stops the database and application)

npm run stop

Start a Redis database locally (use this if you chose the redis session option)

Install

$ wget http://download.redis.io/redis-stable.tar.gz
$ tar xvzf redis-stable.tar.gz
$ cd redis-stable
$ make
$ # wait for it to install...
$ sudo cp src/redis-server /usr/local/bin/
$ sudo cp src/redis-cli /usr/local/bin/

Then run

redis-server

Deploy with NOW

npm install -g now-cli

You will have to make a database else where, I recommend the Atlas free teir. When you do, paste the url to the DB_URL and a random SECRET variable to the secrets.json file.

Also, if you decided to use the Redis option instead of in-memory (highly recommended), then you will have to create a Redis session store else where as well. I recommend the Redis Labs free tier. Once you make your Redis session, add SESSION_HOST, SESSION_PORT, and SESSION_PASSWORD to the secrets.json file.

Then run...

npm run deploy

If you have any problems, please don't hesitate to create an issue!

FUTURE TODO

  • Create an admin interface! (currently working on)
  • Create a few more NPM convenience commands, such as "create-admin-user" and "create-app" (which would create an MVC folder in the API, and add a page on the admin interface).
  • vue-cli option to choose between PostgreSQL and MongoDB (MongoDB currently implemented)
  • vue-cli option to choose between AirBNB and Standard Linting Style.
  • vue-cli option to include unit/e2e tests.

Pull requests welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].