express-vue-dev - Vue.js development server middleware for Express.js.

  •        14

Vue.js development server middleware for Express.js. This is a middleware for Express.js and provides a fully featured development server built on top of Webpack which renders the Vue.js application for client-side and server-side. The middleware is configurable and supports hot module replacement out of the box. This middleware should be used in development only. Please check the express-vue-builder middleware for a production ready alternative.

https://github.com/xpepermint/express-vue-dev#readme

Dependencies:

webpack-dev-middleware : ^1.9.0
webpack-hot-middleware : ^2.15.0

Tags
Implementation
License
Platform

   




Related Projects

ream - πŸš€ Framework for building universal web app and static website in Vue.js (beta)

  •    Javascript

And that's it, run ream dev and have fun playing with your app at http://localhost:4000. ream © egoist, Released under the MIT License. Authored and maintained by egoist with help from contributors (list).

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...

vue-ssr-starter-kit - Vue 2

  •    Javascript

A Vue.js project with vue 2.0, vue-router and vuex starter kit for server side rendering.


webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

prep - Pre-renders your web app (React, Vue, Angular,

  •    Javascript

Pre-renders your web app into static HTML based on your specified routes enabling SEO for single page applications.NOTE: prep is now based on Chromeless. We'll shortly release an updated version.

prep - Pre-renders your web app (React, Vue, Angular,

  •    Javascript

Pre-renders your web app into static HTML based on your specified routes enabling SEO for single page applications. NOTE: prep is now based on Chromeless. We'll shortly release an updated version.

crate - πŸ‘•πŸ‘–πŸ“¦ A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL

  •    Javascript

πŸ‘•πŸ‘–πŸ“¦ A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).

hypernova - A service for server-side rendering your JavaScript views

  •    Javascript

First and foremost, server-side rendering is a better user experience compared to just client-side rendering. The user gets the content faster, the webpage is more accessible when JS fails or is disabled, and search engines have an easier time indexing it.Secondly, it provides a better developer experience. Writing the same markup twice both on the server in your preferred templating library and in JavaScript can be tedious and hard to maintain. Hypernova lets you write all of your view code in a single place without having to sacrifice the user‘s experience.

docpad - Empower your website frontends with layouts, meta-data, pre-processors (markdown, jade, coffeescript, etc

  •    CoffeeScript

Hi! I'm DocPad, I streamline the web development process and help close the gap between experts and beginners. I've been used in production by big and small companies for over a year and a half now to create plenty of amazing and powerful web sites and applications quicker than ever before. What makes me different is instead of being a box to cram yourself into and hold you back, I'm a freeway to what you want to accomplish, just getting out of your way and allowing you to create stuff quicker than ever before without limits. Leave the redundant stuff up to me, so you can focus on the awesome stuff.Discover my features below, or skip ahead to the installation instructions to get started with a fully functional pre-made website in a few minutes from reading this.

angular-webpack-starter - A complete Angular 6 and Webpack 4 starter seed with minimal and full featured branches

  •    TypeScript

Featuring Material Design 2, Webpack (and Webpack DLL plugin for faster dev builds), HMR (Hot Module Replacement), @ngrx for state management and optional server-side rendering with Universal. Use yarn start for dev server. Default dev port is 3000.

prerender-loader - πŸ“° Painless universal pre-rendering for Webpack.

  •    Javascript

Painless universal prerendering for Webpack. Works great with html-webpack-plugin. Pre-rendering describes the process of rendering a client-side application at build time, producing useful static HTML that can be sent to the browser instead of an empty bootstrapping page.

ssr-with-prepack-hackathon - ReactDOMServer + experimental Prepack (React) compiler

  •    Javascript

Around two weeks ago, as part of a 2 day hackathon, I wanted to see if it was possible to build on top of our work on Prepack and ahead-of-time compile a React app, optimized for server-side rendering only. My goal was to see if it was possible to eliminate React completely from the bundle and generate a simple JS file with the minimal logic necessary to render the HTML. To keep my scope for this hackathon small, I aimed solely to get on getting our existing Hacker News benchmark, written in React, to have 100% the same HTML output the non-compiled version generates.

catberry - Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering

  •    Javascript

Catberry was developed to help create "isomorphic/Universal" Web applications. Long story short, isomorphic/universal applications are apps that use the same codebase on both the server and client environments to render what the client would see as a "Single Page Application".

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

  •    Javascript

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.