Vue.js CLI + Express.js Fullstack skeleton webapp

The Gallery
1

Project URL: http://nl-vuecli.glitch.me/
Remix Link: https://glitch.com/edit/#!/nl-vuecli

I have setup a skeleton webapp for Vue.js CLI and Express.js. Feel free to remix this project and create cool projects on glitch.

Features:

  • This is a simple skeleton webapp, with Vue.js as the front-end that is located in /client directory
  • This uses Express.js as the server. The express route handler redirects the front-end routes to Vue-Router. It uses the ‘connect-history-api-fallback’ module to handle any url misses due to the app being an SPA
  • Designed to handle server API’s under ‘/api/’ directory

All in all, this is just a skeleton you can use to remix and make Vue + Express full-stack projects on

11 Likes
2

Thanks, I was looking for something similar. I’m surprised I didn’t see this earlier though.

3

Neato! I’m gonna check this out!

5

Sorry to bump this topic, another note: this might be even more awesome because the api directory is used by Vercel for serverless functions but when using Vue Router, the Vercel configuration gets overridden, so this is actually really nice.

Thanks again for creating this!

2 Likes
6

Hi, is there a readme for how to remix e.g. change the vue app and rebuild / redeploy on glitch?

7

according to the package.json, the vue app rebuilds every time the project is started (the start script is run).

8

yep, I see. Sorry, newb to glitch dev

1 Like